Menu
How can I get a checkbox's value in jQuery?
786
To get the value of the Value attribute you can do something like this: $("input[type='checkbox']"). val();
If you want to get checked checkboxes from a particular checkbox group, depending on your choice which button you have clicked, you can use $('input[name=”hobbies”]:checked') or $('input[name=”country”]:checked'). This will sure that the checked checkboxes from only the hobbies or country checkbox group are selected.
To check whether a Checkbox has been checked, in jQuery, you can simply select the element, get its underlying object, instead of the jQuery object ( [0] ) and use the built-in checked property: let isChecked = $('#takenBefore')[0]. checked console. log(isChecked);
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 } 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" />If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
