html - 清除或重置按钮

Question

我有一个表格和一个有效的重置按钮。当我单击按钮时，所有输入和文本区域框都被清除。我想知道是否有一种方法可以创建一个清除/重置按钮，它只会清除一些输入，而不是我的文本区域框中的内容。

Answer 1

这是jsfiddle解决方案。

<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("");
    });

});

Answer 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!

Answer 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("");
     });

Answer 4

见链接

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

基本上，与其从重置按钮调用 form.reset() ，不如调用一个外部函数来清除您需要的字段并保持其余部分不变。

希望它能解决你的问题！