JavaScript function called on checkbox change
Question
Stuck at calling a simple JS function. Developer tools at chrome, console tab, thows
(index):591 Uncaught ReferenceError: checkbox is not defined at myFunction ((index):591) at HTMLInputElement.onclick
Code is
<span>Notificaciones</span>
<input type="checkbox" id="myCheck" onclick="myFunction()">
<script type="text/javascript">
function myFunction() {
var checkBox = document.getElementById("myCheck");
if(checkbox.checked){
alert("suscribe");
} else{
alert("descuscribe");
};
};
</script>
3 answers
solution1
-1 2018-08-29 11:01:46
只需输入“ if（checkbox.checked）{”，而不是“ if（checkBox.checked）{”
solution2
-1 ACCPTED 2018-08-29 11:07:12
It was a typo on checkbox and checkBox
<span>Notificaciones</span> <input type="checkbox" id="myCheck" onclick="myFunction()"> <script type="text/javascript"> function myFunction() { var checkBox = document.getElementById("myCheck"); if(checkBox.checked){ alert("suscribe"); } else{ alert("descuscribe"); }; }; </script>
Should work now :)
solution3
-1 2018-08-29 11:07:24
In the if statement that you have you put checkbox.checked which should be checkBox.checked .
<html>
<head>
<script type="text/javascript">
function myFunction()
{
var checkBox = document.getElementById("myCheck");
if(checkBox.checked)
{
alert("suscribe");
}
else
{
alert("descuscribe");
};
};
</script>
</head>
<body>
<span>Notificaciones</span>
<input type="checkbox" id="myCheck" onclick="myFunction()">
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
javascript change name of called function
Change Javascript function from checkbox to select
function is not called onChange of Checkbox
Javascript - Change Object when Extended Function called
JavaScript change value every time a function is called
HTML checkbox onclick called in Javascript
multiple checkbox change function with class name, but same class name in javascript
Run JavaScript function on change of dynamically generated asp checkbox state
JavaScript - Function to change ul to display when checkbox is ticked
run javascript function on check change of checkbox inside a div with specific class
Related Tags