jQuery触发器重置按钮点击

我需要时通过代码重置表单内的单选按钮和复选框。jQuery触发器重置按钮点击

我正在使用间接方法，在这里我放置了一个重置按钮并使用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");

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

我哪里错了？

来源

2014-09-23 RandomUser

因为无线电没有默认的选择和复选框中的HTML代码。为默认选择添加属性'checked' – Shadow 2014-09-23 09:00:27

您的代码正在工作，请检查http://jsfiddle.net/79wdswL7/9/ – 2014-09-23 09:08:13

浏览器中是否存在任何控制台错误？ – 2014-09-23 09:12:32

表单有自己的可以调用的重置方法。因此，而不是通过隐藏的复位按钮添加步骤，你可以调用类似：

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

来源

2015-04-05 20:02:17

jQuery触发器重置按钮点击

回答

相关问题