Checking if a Chekbox is checked or not

Question

HTML Code:

<div class="checkbox" style=" float:left "></div>
<input type="checkbox" class="realcheckbox" id="financing"  />

jQuery Code:

$(".checkbox").click(function() { 
    var xchecked = $(this).siblings(".realcheckbox").attr("checked");
    if (xchecked == false) {
        $(this).css("background-image","url('checkboxselected.png')");
        $(this).next(".realcheckbox").attr("checked",true);
    }
    else {
        $(this).css("background-image","url('checkbox.png')");
        $(this).next(".realcheckbox").attr("checked",false);
    }
});

Clicking on the fake checkbox isn't checking the real one, but if the real one is checked, clicking on the fake one is doing the job, means the real one gets unchecked, what's wrong with the first one ?

This is answered here http://stackoverflow.com/questions/901712/check-checkbox-checked-property-using-jquery — Oliver M Grech, May 10 '12 at 11:00
Remember that you can check checkboxes in other ways than clicking on it. — David Hellsing, May 10 '12 at 11:05
This is answered in the below page mate, [http://stackoverflow.com/questions/901712/check-checkbox-checked-property-using-jquery](http://stackoverflow.com/questions/901712/check-checkbox-checked-property-using-jquery) Have a nice day! — Oliver M Grech, May 10 '12 at 11:02

Tats_innit · Answer 1 · 2017-08-21T01:37:32.540

9

demo http://jsfiddle.net/ktwDK/3/

good read: http://api.jquery.com/checked-selector/

.is(":checked") will do the trick for you.

jquery code

$(".realcheckbox").click(function(){
    alert($(this).is(":checked"));
});

edited Aug 21 '17 at 01:37

answered May 10 '12 at 11:00

Tats_innit

33,991
10
71
77

score 3 · Accepted Answer · answered May 10 '12 at 11:00

3

Use is(":checked") to test:

var xchecked = $(this).siblings(".realcheckbox").is(":checked");

answered May 10 '12 at 11:00

Rory McCrossan

331,213
40
305
339

score 0 · Answer 3 · answered May 10 '12 at 11:01

0

Maybe you need to check pseudo for that:

var xchecked = $(this).siblings(".realcheckbox").is(":checked");

answered May 10 '12 at 11:01

antyrat

27,479
9
75
76

score 0 · Answer 4 · answered May 10 '12 at 11:06

0

$('.checkBox').click(function() {
   var thisCheck = $(this);
 if (thisCheck.is(':checked')) {
//do your stuff
  }
});

answered May 10 '12 at 11:06

Zaheer Ahmed

28,160
11
74
110

score 0 · Answer 5 · answered May 10 '12 at 11:55

$(".checkbox").click(function() { 
    var xchecked = $(this).find(".realcheckbox").prop("checked");
    if (xchecked == false) {
        $(this).css("background-image","url('checkboxselected.png')");
        $(this).next(".realcheckbox").attr("checked",true);
    }
    else {
        $(this).css("background-image","url('checkbox.png')");
        $(this).next(".realcheckbox").attr("checked",false);
    }
});

Checking if a Chekbox is checked or not

5 Answers5