JQueryを使用して、onclickイベントリスナーにラジオボタンを設定する最も良い方法は何ですか?
<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>
次の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
}
});
ありがとう
編集:私が選択した応答は私が尋ねた質問に答えます。ラジオボタンのグループを区別する方法も示しているので、bind()を使用します。