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

我想在提交后清除表单字段（表单字段有文本和复选框）。 为了清除表单，我创建了一个按钮。 还有单独的提交按钮。

我编写了jQuery代码，但它不起作用：

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

Answer 1

试试这个：

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

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

希望能帮助到你。

Answer 2

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

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

Answer 3

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

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

Answer 4

jQuery没有.reset（）方法。 但原生Javascript呢！

 $("#form").get(0).reset() // Result: // A clean, resetted form! 

JSFiddle演示

Answer 5

我使用服务器确认响应而不是额外的点击清除字段。

  $("#submit").submit(function() { var submit = $(this).serialize(); $.post('serverside.php', submit, function(data){ if(data == "complete"){ //server response jQuery("#submit input[type=text]").val(''); jQuery("#submit input[type=checkbox]").prop("checked", false); }; }); return false; }); 

编辑

如果你想用我想做的按钮重置

 $('#clearform').on('click', function () { $('#submit').trigger("reset"); }); 

小提琴