Na poniższym HTML:Korzystając z JQuery, jaki jest najlepszy sposób ustawiania detektorów zdarzeń onclick dla przycisków radiowych?
<form name="myForm">
<label>One<input name="area" type="radio" value="S" /></label>
<label>Two<input name="area" type="radio" value="R" /></label>
<label>Three<input name="area" type="radio" value="O" /></label>
<label>Four<input name="area" type="radio" value="U" /></label>
</form>
Zmiana z następującego kodu javascript:
$(function() {
var myForm = document.myForm;
var radios = myForm.area;
// Loop through radio buttons
for (var i=0; i<radios.length; i++) {
if (radios[i].value == "S") {
radios[i].checked = true; // Selected when form displays
radioClicks(); // Execute the function, initial setup
}
radios[i].onclick = radioClicks; // Assign to run when clicked
}
});
Dzięki
EDIT: Odpowiedź Wybrałem odpowiada na pytanie poprosiłem jednak lubię odpowiedź używający funkcji bind(), ponieważ pokazuje również, jak odróżnić grupę przycisków radiowych: