मैं जावास्क्रिप्ट का उपयोग कर चेकबॉक्स बना रहा हूं, onchange
श्रोता उन्हें जोड़ रहा हूं और उन्हें लूप का उपयोग करके एक div में जोड़ रहा हूं। हालांकि, केवल अंतिम चेकबॉक्स में ईवेंट श्रोता पंजीकृत है।इवेंट श्रोता केवल लूप के लिए बनाए गए अंतिम तत्व पर क्यों पंजीकृत होता है?
ऐसा क्यों हो रहा है?
var div = document.getElementById("mydiv");
for (var i = 0; i < 5; i++) {
div.innerHTML += ("<br>" + i);
var input = document.createElement("input");
input.type = "checkbox";
input.onchange = function() {
alert("foo");
};
div.appendChild(input);
}
<div id="mydiv"></div>