Attach event listener through javascript to radio button

by

For in loops in JavaScript return the keys, not the values. To get the for in loop to work, assuming you haven’t added custom properties to your array, you’d do:

for(radio in radios) {
    radios[radio].onclick = function() {
        alert(this.value);
    }
}

But you should always loop an array with a regular for loop to avoid accidentally including custom-added enumerable properties:

var radios = document.forms["formA"].elements["myradio"];
for(var i = 0, max = radios.length; i < max; i++) {
    radios[i].onclick = function() {
        alert(this.value);
    }
}

More Related Contents:

  1. Trying to use Javascript to add new li element to my ordered list, anyone know why this code isn’t working?
  2. Do DOM tree elements with IDs become global properties?
  3. How to make JavaScript execute after page load?
  4. Changing website favicon dynamically
  5. How do I programmatically set the value of a select box element using JavaScript?
  6. Dynamically set value of a file input [duplicate]
  7. How to correctly iterate through getElementsByClassName
  8. Appending HTML string to the DOM
  9. innerText vs innerHTML vs label vs text vs textContent vs outerText
  10. How to append text to a “?
  11. Best Practice: Access form elements by HTML id or name attribute?
  12. Difference between Node object and Element object?
  13. Why are duplicate ID values not allowed in HTML?
  14. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  15. JavaScript get element by name
  16. jQuery: how to change tag name?
  17. Difference between Element.value and Element.getAttribute(“value”)
  18. How do you listen / detect changes to an input value – when the input value is changed via javascript?
  19. Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
  20. How do I put codes from jsfiddle.net into my website?
  21. Screen Scraping from a web page with a lot of Javascript [closed]
  22. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  23. window.getSelection() gives me the selected text, but I want the HTML
  24. Is there a flexible way to modify the contents of an editable element?
  25. a way to check validity of HTML5 forms?
  26. Open new window without focus on it [duplicate]
  27. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  28. window.getSelection return html [duplicate]
  29. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  30. Why is iframe.contentWindow == null?

Leave a Comment