var checkbox = document.getElementById("checkbox_id");
if (checkbox.checked) {
console.log("Checkbox is checked");
} else {
console.log("Checkbox is not checked");
}
In the code snippet, we have a checkbox which has id checkbox_id. We are getting this checkbox using document.getElementById("checkbox_id").
We are checking using the .checked property to check if the checkbox is checked.
You can check the full code below.
<input type="checkbox" id="checkbox_id" checked>
<div id="status"></div>
<script>
var checkbox = document.getElementById("checkbox_id");
checkbox.addEventListener('change', function() {
document.getElementById("status").innerHTML = checkbox.checked
});
</script>
Live Demo
var checkbox = document.getElementById("checkbox_id");
checkbox.addEventListener('change', function() {
if (checkbox.checked) {
// -> Checkbox is checked
} else {
// -> Checkbox is not checked
}
});
var checkbox = document.getElementById("checkbox_id");
checkbox.addEventListener('change', function() {
if (checkbox.checked) {
alert("Checkbox is selected");
}
});
0 Comments