Menu
For some reason, my form does not want to get the value of a checkbox... I am not sure if it is my coding or not, but when I try and alert() the value, I get undefined as a result. What do I have wrong?
<head> <script> var lfckv = document.getElementById("lifecheck").checked function exefunction(){ alert(lfckv); } </script> </head> <body> <label><input id="lifecheck" type="checkbox" >Lives</label> </body> EDIT
I tried changing it to this
function exefunction() { alert(document.getElementById("lifecheck").checked); } But now it doesn't even want to execute. What's going wrong?
820
prop() and is() method are the two way by which we can check whether a checkbox is checked in jQuery or not. prop(): This method provides an simple way to track down the status of checkboxes. It works well in every condition because every checkbox has checked property which specifies its checked or unchecked status.
Place the var lfckv inside the function. When that line is executed, the body isn't parsed yet and the element "lifecheck" doesn't exist. This works perfectly fine:
function exefunction() { var lfckv = document.getElementById("lifecheck").checked; alert(lfckv); }<label><input id="lifecheck" type="checkbox" >Lives</label> <button onclick="exefunction()">Check value</button>You are trying to read the value of your checkbox before it is loaded. The script runs before the checkbox exists. You need to call your script when the page loads:
<body onload="dosomething()">
Example:
http://jsfiddle.net/jtbowden/6dx6A/
You are also missing a semi-colon after your first assignment.
39
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
