jQuery trigger reset button click

Question

I need to reset radio buttons and checkboxes within a form via code when needed.

I am using an indirect approach, where I have placed a reset button and hidden it using 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>

Then I try to click it like $("#resetFormNew").trigger("click");

This resets all the text boxes but not the radio buttons and check boxes.

Where am I going wrong?

Because there no default selection for radio and check boxes in your html code. Add attribute `checked` for default selection — Voonic, Sep 23 '14 at 09:00
You code is working, check this http://jsfiddle.net/79wdswL7/9/ — Bhushan Kawadkar, Sep 23 '14 at 09:08

score 2 · Accepted Answer · answered Apr 05 '15 at 20:02

2

A form has its own reset method you can call. So rather than adding steps by hiding a reset button, you can call something like:

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

answered Apr 05 '15 at 20:02

Harry B

2,864
1
24
44

jQuery trigger reset button click

1 Answers1