Get checkbox value in jQuery

To get the value of the Value attribute you can do something like this:

$("input[type='checkbox']").val();

Or if you have set a class or id for it, you can:

$('#check_id').val();$('.check_class').val();

However this will return the same value whether it is checked or not, this can be confusing as it is different to the submitted form behaviour.

To check whether it is checked or not, do:

if ($('#check_id').is(":checked")){  // it is checked}

jquery html forms checkbox

Those 2 ways are working:

$('#checkbox').prop('checked')
$('#checkbox').is(':checked') (thanks @mgsloan)

$('#test').click(function() {    alert("Checkbox state (method 1) = " + $('#test').prop('checked'));    alert("Checkbox state (method 2) = " + $('#test').is(':checked'));});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>Check me: <input id="test" type="checkbox" />

Expand snippet