jQuery trigger reset button click

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");

Это сбрасывает все текстовые поля, но не радиокнопки и флажки.

Куда я иду не так?

Answer 1

Форма имеет свой собственный метод сброса, который вы можете позвонить. Таким образом, вместо того, чтобы добавлять шаги, скрывая кнопку сброса, вы можете назвать что-то вроде:

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