清除或重置按钮

时间:2012-04-30 12:52:39

标签: html forms button reset

我有一个表单和一个工作重置按钮。当我单击按钮时,所有输入和文本区域框都清晰。我想知道是否有办法创建一个清除/重置按钮,只清除一些输入而不是我在文本区域框中的内容。

4 个答案:

答案 0 :(得分: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("");
    });

});

答案 1 :(得分:0)

为一个类分配所有输入元素,假设输入和不同的id假设文本区域的id是text_area。

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

现在使用jquery

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

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

完成!

答案 2 :(得分:0)

使用jquery它会帮助你,将类提供给你想要在点击按钮时清除的字段,并为你的按钮提供id

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

答案 3 :(得分:0)

参见链接

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

基本上不是从重置按钮调用form.reset(),而是调用一个外部函数来清除你需要的字段,并保留原样。

希望它能解决你的问题!

相关问题