Unable Set Checkbox to Checked in Chrome using jQuery

Question

I have some code that is broken in the latest version of chrome (32.0.1700.107). jQuery version is 1.10.1. This code has been running in other browsers for the last year. It does work correctly in IE8. The key section of code is below -

var stateWideCb = $('.showStatewide input');
stateWideCb.change(function () {
    var b = $(this).is(':checked');
            $('.showRegion input').attr('checked', b);
    });

What happens is that after the first two clicks on the the Master checkbox, the code stops working.

You can see it at http://jsfiddle.net/photo_tom/dXczB/1/

The whole thing can be written $('.showStatewide input').on("click",function () { $('.showRegion input').prop('checked', this.checked);}); — mplungjan
– mplungjan, Commented Feb 18, 2014 at 20:55
attri - use with values in html on page load. prop - use when an element's 'state' is modified via js for example. — heyomi
– heyomi, Commented Feb 18, 2014 at 20:57
mplungjan - I'm aware that that is a shorter version. But temp variables make it easier to troubleshoot problems. — photo_tom
– photo_tom, Commented Feb 18, 2014 at 21:43

j08691 · Accepted Answer · 2014-02-18 20:49:47Z

4

Change:

.attr('checked', b);

to

.prop('checked', b);

jsFiddle example

As the jQuery docs on .attr() state:

To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.

answered Feb 18, 2014 at 20:49

j08691

209k33 gold badges269 silver badges281 bronze badges

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

1 Comment

RaphaelDDL Over a year ago

From 1.8 onwards, the best is prop. +1

Collectives™ on Stack Overflow

Unable Set Checkbox to Checked in Chrome using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related