I created a checkbox:
<input type="checkbox" id="populatie" name="werking">
But when I try to check if it's checked, it doesn't do anything.
$("#opslaan").click(function(){
if ($("#populatie").checked) {
alert(hello); }
})
What am I doing wrong?
Edit: when I inspect element, and I checked it, I get:
checked true
So it's definetly checked...
Check it without jQuery:
$("#opslaan").click(function(){
if(document.getElementById('populatie').checked) {
alert("hello");
}
});
It may even be faster
you must pass hello as string to alert: alert("hello"), double quotation mark is missing
$("#populatie") returns a jQuery object, which does not have the checked property, it belongs to the dom element.
There are many ways to check it, one of the is to get the dom element reference and then check whether the property is set
Another is to use .is() and the :checked selector
$("#opslaan").click(function(){
if ($("#populatie").is(':checked')) {
alert(hello); }
})
Use prop() , $("#populatie") is a jQuery object,which doesn't have checked property
$("#opslaan").click(function(){
if ($("#populatie").prop('checked')) {
alert('hello');
}
});
if ($("#populatie").is(":checked"){
alert("");
}
$("#populatie")[0].checkedDEMO. Thecheckedproperty is for DOM nodes, not jQuery wrapped sets