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>