2014-09-23 236 views
0

我需要時通過代碼重置表單內的單選按鈕和複選框。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");

這將重置所有的文本框,但不是單選按鈕和複選框。

我哪裏錯了?

+0

因爲無線電沒有默認的選擇和複選框中的HTML代碼。爲默認選擇添加屬性'checked' – Shadow 2014-09-23 09:00:27

+0

您的代碼正在工作,請檢查http://jsfiddle.net/79wdswL7/9/ – 2014-09-23 09:08:13

+0

瀏覽器中是否存在任何控制檯錯誤? – 2014-09-23 09:12:32

回答

1

表單有自己的可以調用的重置方法。因此,而不是通過隱藏的復位按鈕添加步驟,你可以調用類似:

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