Get checkbox status using jQuery

Below single line of code will provide the status of checkbox using jQuery. It checks whether the checked is checked or not using jQuery and will return 1 or 0.

var isChecked = $('#chkSelect').attr('checked')?true:false;

I have noticed that on many website it is written that 'checked' attribute will return true or false, but this is not correct. If the checked box is checked then it return status as "checked", otherwise "undefined".

Check Yourself.
So if you want to have true or false, then you need to use conditional expression as I have done in the code.

Below are some other ways of checking the status of checkbox.

var isChecked = $('#chkSelect:checked').val()?true:false;

$('#chkSelect:checked').val() method returns "on" when checkbox is checked and "undefined", when checkbox is unchecked.

var isChecked = $('#chkSelect').is(':checked');

The above method uses "is" selector and it returns true and false based on checkbox status.

Check Yourself.

Feel free to contact me for any help related to jQuery, I will gladly help you.

Responsive Menu
Add more content here...