$(document.querySelectorAll('input[type=checkbox]')).change(function(){ console.log(this.value) })
<body> <div id="div"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> </div> </body> [JS] <script> var div = document.getElementById('div'); div.addEventListener('change', function (e) { e = e.target || e.srcElement; console.log(e.value) },false) </script> [/JS]
<html> <head> <meta charset="utf-8"> </head> <body> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <script> show=function(){alert(1)} ;[].forEach.call(document.querySelectorAll('input[type=checkbox]'), function(box){box.onchange=show}) </script> </body> </html>
