Jquery if checkbox is checked Bootstrap switch

Question

I use Bootstrap switch plugin to make my checkboxes looks like switch buttons. I need to check if the checkbox is checked in jQuery. I Googled a lot and I tried some advice

Answer 1

• use this code on page load

  document.getElementById("#uho").checked = true;

Answer 2

Demo

Use .prop() instead of .attr().

• .prop returns - 'true' or 'false'. Use this
• .is(':checked') returns - 'true' or 'false' -:checked is a pseudo slector. Or this
• .attr returns - 'checked' or 'attribute undefined'.

---

$('#uho').prop('checked')

if($('#uho').prop('checked')){
    $.cookie("typpaliva", "Diesel");
}
else {
    $.cookie("typpaliva", "Benzin");
}

Answer 3

$('#uho').attr('checked') will return undefined. you can use $('#uho:checkbox:checked').length property to check if checkbox is checked or not. Try this snippet:

 if ($('#uho:checkbox:checked').length > 0) {
        $.cookie("typpaliva", "Diesel");
   }
   else {
        $.cookie("typpaliva", "Benzin");
   }

Answer 4

Use :

if ($('#uho').is(':checked')) {

instead of

if ($('#uho').attr('checked')) {

Answer 5

Based on a comment in the accepted answer, here's how I solved this for a Terms and Conditions checkbox in bootstrap:

HTML

<div class="checkbox">
   <label>
      <input id="agreeTAC" type="checkbox" value="">
      I have read and agree to the TERMS AND CONDITIONS listed on this page.
   </label>
</div>

Javascript (with jQuery)

$("#agreeTAC").change(function(){
    var agreed = $(this).is(':checked');
    console.log("agreeTAC value changed and is ", agreed);
    if(agreed === true) { 
       // do 'true' stuff, like enabling a 'Continue' button
    }
    else {
       // do 'false' stuff, like disabling a 'Continue' button
    }
})

Answer 6

Use

  if($('#chkBoxID').is(":checked")){ // do stuff }