How to check if checkbox is checked using jQuery

Home » jQuery , tutorials » How to check if checkbox is checked using jQuery

How to check if checkbox is checked using jQuery

Written By GA Team on Thursday 19 February 2015 | 10:13 pm

GNN Ads

(GNN) - I needed to find if a checkbox was checked in jquery but I knew of multiple ways to do this. But I wasn’t sure of the best way to perform this task.

Still I haven’t decided on the best way to do this so I was hoping someone with much greater knowledge than me in the inside-outs of the jQuery could help me out here. Out of the following examples what would be the best way to discover if a checkbox has been checked or not.

Using Attribute Method

This will check to see if there is an attribute on the element which is called checked.

<b>// First way   
$('#checkBox').attr('checked');
</b>

Using the IS Method Selector

This method will check to see if the element is checked.

<b>// Second way   
$('#edit-checkbox-id').is(':checked');</b>

Checked Selector

Get all elements which are currently checked by using the following snippet.

<b>$('.selector:checked')</b>

Using @ Attribute Method

This will use a @ selector which will define a search for an attribute on the element. So the below code will search for any element with type checkbox and if it is checked.

<b>// Third way for jQuery 1.2  
$("input[@type=checkbox][@checked]").each(   
    function() {   
       // Insert code here   
    }   
);

// Third way == UPDATE jQuery 1.3  
$("input[type=checkbox][checked]").each(   
    function() {   
       // Insert code here   
    }   
);</b>