How to uncheck checkbox on back button?

Question

Hi I have numbers of check boxes and below that I have a Button, which will filter data as per check box selection.. enter image description here

When I will click on filter button it will transfer to other page and when I click on back button the checkbox reamains checked.

but I want that when I click on back button then checkbox should be uncheck.

enter image description here

Any help.

Retagged your question as this is not possible with pure HTML — Mr. Alien, Dec 18 '13 at 05:54

score 27 · Answer 1 · answered Dec 27 '18 at 14:21

27

For those who have similar issues, add autocomplete="off" to checkbox might help.

answered Dec 27 '18 at 14:21

ohkts11

Mr. Alien · Accepted Answer · 2013-12-18T05:57:34.323

16

You can reset the checkboxes on page load using jQuery

$('input:checkbox').prop('checked', false);

Demo (Checkbox will be never checked as onload am getting rid of checked property)

ondomready (Place the below code anywhere in your document)

$(document).ready(function(){
   $('input:checkbox').prop('checked', false);
});

edited Dec 18 '13 at 05:57

answered Dec 18 '13 at 05:51

Mr. Alien

I have already taken ``, how to use this at page load ? – Java Curious ღ Dec 18 '13 at 05:53
@JavaCuriousღ Wait, I'll edit my answer, but for this you will need jquery library – Mr. Alien Dec 18 '13 at 05:55
Please note that [there is a better way to reset to the default value](http://stackoverflow.com/q/16913094/218196) (in the general case). – Felix Kling Dec 18 '13 at 06:08
@FelixKling Isn't that something which can be done using a simple `` or am missing something there? – Mr. Alien Dec 18 '13 at 06:10
@Mr.Alien: Well, it depends whether you want to do this programmatically (like in this case) or not. The point of my comment was that unchecking the checkboxes is not the same as resetting them, in the general case. – Felix Kling Dec 18 '13 at 06:12
@FelixKling yea well, cuz sometimes it's funny when some users go for complicated approach rather than a simple one.. :) always happens with JS-CSS solutions.. – Mr. Alien Dec 18 '13 at 06:13
True :) Btw, I just noticed that question I linked to is about a `select` elements but checkboxes have a similar property, called `defaultChecked`. – Felix Kling Dec 18 '13 at 06:15
@FelixKling Yea, I got confused cuz of that, so commented :) – Mr. Alien Dec 18 '13 at 06:16

Yagnesh Agola · Answer 3 · 2013-12-18T06:01:44.013

2

You may use below code :

window.onbeforeunload = function() {
         //unchecked your check box here.  
      $("input[type='checkbox']").prop('checked', false)
 };

edited Dec 18 '13 at 06:01

answered Dec 18 '13 at 05:56

Yagnesh Agola

score 1 · Answer 4 · answered Dec 18 '13 at 05:52

1

Try this when back button is clicked Use Jquery to clear the checkboxes

$("input[type='checkbox']").each( function() {
$(this).removeAttr('checked');
});

answered Dec 18 '13 at 05:52

Sridhar R

4 Answers4