jQuery在提交文本和复选框后清除表单字段

Question

我想在提交后清除表单字段(表单字段有文本和复选框).为了清除表单,我创建了一个按钮.还有单独的提交按钮.

<input type="reset" name="clearform" id="clearform" value="Clear Form" />

<form id="submit" method="POST" action="">

我编写了jQuery代码,但它不起作用:

jQuery("#clearform").click(function(){
    jQuery("#submit input[type='text'], input[type='checkbox']").each(function() {
        this.value = '';
    });
});

Answer 1

有一个通过jQuery重置表单的简单解决方案:

$("form").trigger("reset");

Answer 2

试试这个:

$('#clearform').on('click', function () {
    $('#form_id').find('input:text').val(''); 
    $('input:checkbox').removeAttr('checked');
});

人们将清除所有文本输入.第二个将帮助取消选中复选框.

希望能帮助到你.

Answer 3

尝试下面显示的代码重置表单

$('#submit')[0].reset();