binding click to div to toggle checkbox

Question

I am trying to bind a click event to a div to toggle a checkbox thats inside of it. I tryed this:

$(".extraOp").bind('click', function(){
        var chk = $(this).find('input');
        chk.attr('checked', !chk.attr('checked'))
    });

The problem is that it only works one time, check and uncheck and then nothing. Any ideas ?

Thanks!

Arun P Johny · Accepted Answer · 2014-01-13 09:09:58Z

5

use .prop() instead of .attr()

chk.prop('checked', !chk.prop('checked'))

or

chk.prop('checked', function(i, checked){
    return !checked
})

answered Jan 13, 2014 at 9:09

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Answer 1