jQuery Check if Checkbox is Checked

Sam Deering
Share

There are a number of different ways to check if a checkbox is checked (ticked). You can use either jQuery or plain JavaScript it doesn’t really matter. Here are 3 examples to wet your appetite. Could be useful when you need to check that a user has ticked a checkbox before submitting a form.

Check if a checkbox IS CHECKED

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

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

// 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 
    } 
);

Check if a checkbox IS NOT CHECKED

if ($('input[name=termsckb]').attr('checked') != true) {
	$('#captcha-wrap').hide();
}

or

if ($('#email_ckb').attr('checked') != true) {
	$('#captcha-wrap').hide();
}