I'm trying to see if a checkbox is checked or not with a simple function. It doesn't seem to be working, here's the code:
HTML:
<form>
<input type="checkbox" id="check" />
</form>
JS:
$(document).ready(function() {
if ($('#check').is(":checked")) {
alert('it works')
}
});
JSFiddle: https://jsfiddle.net/5h58mx1h/
Your code only runs once - when document is ready. You need to attach an event listener to the checkbox and check when it changes:
$(document).ready(function() {
$('#check').change(function() {
if ($(this).is(":checked")) {
alert('it works');
}
});
});
You don't need jQuery. An <input type="checkbox"> has a checked attribute, which you can use like this:
document.addEventListener("DOMContentLoaded", () => {
if (document.getElementById("check").checked) {
alert('it works')
}
})
It should be work:
$(document).ready(function () {
var ckbox = $('#checkbox');
$('input').on('click',function () {
if (ckbox.is(':checked')) {
alert('You have Checked it');
} else {
alert('You Un-Checked it');
}
});
});
I think this is the most simple way:
if ($('#check').checked) {
alert('it works');
}Replace your HTML to this
<form>
<input type="checkbox" id="check" checked />
</form>
This will work for you. Because you don't checked checkbox yet that's why not alert.
