jQuery触发器重置按钮单击

Question

我需要在需要时通过代码重置表单中的单选按钮和复选框。

我正在使用一种间接方法，在该方法中放置了一个重置​​按钮，并使用CSS将其隐藏了。

<form class="form-horizontal form form-existing" role="form" id="form-existing" action="">
  <input type="reset" name="reset-form-new" id="resetFormNew" value="" />
<div class="radio">
  <label>
    <input type="radio" name="new-turnover" id="new-turnover" value="€1 000 - €5 000"/> €1 000 - €5 000
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="new-turnover" id="new-turnover" value="€50 000 - €20 0000"/> €50 000 - €20 0000
  </label>
</div>
<div class="checkbox">  
  <label>  
    <input type="checkbox" name="new-preference" value="Mobile Phones"> Mobile phones  
  </label>
</div>  
<div class="checkbox">  
  <label>  
    <input type="checkbox" name="new-preference" value="Accessories"> Accessories  
  </label>
</div>

然后，我尝试像$("#resetFormNew").trigger("click");一样单击它$("#resetFormNew").trigger("click");

这将重置所有文本框，但不会重置单选按钮和复选框。

我要去哪里错了？

Answer 1

表单具有自己的重置方法，您可以调用该方法。 因此，您可以调用类似以下内容的方法，而不是通过隐藏重置按钮来添加步骤：

$("#form")[0].reset();