Answer: Use the jQuery prop() method
To check whether checkboxes are checked or not using the jQuery prop() method as well as the :checked selector.
Example
The jQuery prop() method provides an effective way to track down the current status of a checkbox.
<script>
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).prop("checked") == true){
console.log("Checkbox is checked.");
}
else if($(this).prop("checked") == false){
console.log("Checkbox is unchecked.");
}
});
});
</script>
Using the jQuery :checked Selector
<script>
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).is(":checked")){
console.log("Checkbox is checked.");
}
else if($(this).is(":not(:checked)")){
console.log("Checkbox is unchecked.");
}
});
});
</script>
Using the jQuery is() Method :
<script>
$(document).ready(function () {
$("#but").click(function () {
if ($("input[type=checkbox]").is(":checked")) {
alert("Check box in Checked");
} else {
alert("Check box is Unchecked");
}
});
});
</script>
Read More: How to check a checkbox is checked or not using jQuery
Top comments (0)