Remove "check" after submit

Question

I've a "stupid" problem: when I click a specific button, I want to reset the checkbox checked in unchecked.

HTML

<input type="checkbox">1
<input type="checkbox">2
<button id="clear">Clear</button>

JS

jQuery("#resetta").click(function(){
jQuery('input:checked').removeAttr('checked');
});

score 4 · Answer 1 · answered Apr 30 '15 at 08:33

4

The provided answers are correct for checkboxes, but if you intend to make a complete form with other inputs, something like the input type reset may be easier, this is a button to reset the form:

<input type="reset" value="Reset">

answered Apr 30 '15 at 08:33

Jimmy Knoot

2,378
20
29

Aha... Spotting the wood around the trees :) +1 – iCollect.it Ltd Apr 30 '15 at 08:39
Nice old-school (proper) answer. – Jon Holland Apr 30 '15 at 09:14

score 2 · Answer 2 · answered Apr 30 '15 at 08:31

2

You can use .prop('checked',false); for that

jQuery('input:checked').prop('checked',false);

Fiddle

answered Apr 30 '15 at 08:31

Anoop Joshi P

25,373
8
32
53

score 2 · Answer 3 · edited May 23 '17 at 12:21

2

You need to use .prop() to set the checked property instead of removing the attribute

jQuery('input:checked').prop('checked', false);

edited May 23 '17 at 12:21

Community

1
1

answered Apr 30 '15 at 08:31

Arun P Johny

384,651
66
527
531

score 0 · Answer 4 · edited May 23 '17 at 11:43

0

You can use removeProp() instead of removeAttr()

jQuery('input:checked').removeProp('checked');

Please check this for prop vs attr

edited May 23 '17 at 11:43

Community

1
1

answered Apr 30 '15 at 08:32

Bhushan Kawadkar

28,279
5
35
57

Remove "check" after submit

4 Answers4