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
– Voonic, Commented Sep 23, 2014 at 9:00

Harry B · Accepted Answer · 2015-04-05 20:02:17Z

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 5, 2015 at 20:02

Harry B

3,0011 gold badge28 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery trigger reset button click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related