jQuery触发重置按钮点击答案

【问题标题】：jQuery trigger reset button clickjQuery触发重置按钮点击
【发布时间】：2014-09-23 08:59:08
【问题描述】：

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

我使用的是间接方法，我在其中放置了一个重置按钮并使用 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");一样点击它

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

我哪里错了？

【问题讨论】：

因为您的 html 代码中没有默认选择单选和复选框。为默认选择添加属性checked
您的代码正在运行，请检查此jsfiddle.net/79wdswL7/9
浏览器是否有控制台错误？
你能在 jsfiddle 上重现同样的内容吗？

标签： jquery forms reset jquery-trigger

【解决方案1】：

表单有自己的可调用的重置方法。因此，与其通过隐藏重置按钮来添加步骤，您还可以调用如下代码：

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

【讨论】：