How to detect Checkbox onChange in Javascript?
javascript checkbox onchange
<!-- Find values of checked boxes with jquery -->
<div class="fruit">
<label>
<span>Apple</span>
<input onchange="checkValues()" name="apple" type="checkbox" value="apple">
</label>
<label>
<span>Banana</span>
<input onchange="checkValues()" name="banana" type="checkbox" value="banana">
</label>
<label>
<span>Grape</span>
<input onchange="checkValues()" name="grape" type="checkbox" value="grape">
</label>
</div>
<script>
function checkValues() {
$('.fruit input:checkbox').each(function(index, element) {
if (element.checked === true) {
console.log(element.value)
}
});
}
</script>
Example 2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test</title>
</head>
<body>
<label>
<input type="checkbox" onchange="Check(this)" /> CHECK as onchange attribute
</label>
<p id="verdict"></p>
<script>
function Check(value) {
document.getElementById('verdict').innerHTML = value.checked;
};
</script>
</body>
</html>Output
