Clear or Reset Button

问题

I have a form and a working reset button. When i click the button all inputs and text area boxes are clear. I was wondering if there's a way to create a clear/reset button that will clear only some inputs and not what i have inside my text area box.

回答1:

Here's the jsfiddle solution.

<form>
    <input type="text" class="clearit" /><br />
    <input type="text" class="clearit" /><br />
    <input type="text" class="clearit" /><br />
    <textarea id="t5"></textarea><br />
    <input type="reset" id="reset" />
</form>


$(document).ready(function(){ 
    $('#reset').on('click',function(e){
        e.preventDefault();
        $('.clearit').val("");
    });

});

回答2:

Assign all input elements a class let suppose inputs and different ids let suppose the id of text area is text_area.

<input type  = "textarea " id = "textarea ">

Now with jquery

$(function(){
   $('.inputs').each(function()
   {
        var id = $(this).attr('id');
         if(id == 'textarea '){

         }else{
           $(this).attr('value',"");
         }
   });
})

Done!

回答3:

use jquery it will help u , give the class to fields which u want to clear on click of button and give id to your button

    $('#id_of_button').click(function(){
    $('.input_field_class').val("");
     });

回答4:

See the link

http://www.javascript-coder.com/javascript-form/javascript-reset-form.phtml

Basically rather than calling a form.reset() from the reset button, call an external function which clears out the fields you require and leave the remaining as it is.

Hope it solves your problem!

来源：https://stackoverflow.com/questions/10384050/clear-or-reset-button