HTML_HTML/Xhtml_Webページ制作におけるラジオ値のイベント取得・代入・登録例を詳しく解説

1. ラジオのグループ化

名前が同じである限り、それはグループです。つまり、次のようにグループ内で 1 つだけ選択できます:

コードをコピーします

コードは次のとおりです:

group1:input; type="radio" id="radio1" selected= "checked" name="group1" />radio1
radio2
radio3

group2:
radio4
radio5
< ;input type="radio" id="radio6" name="group2" />radio6

効果は次のとおりです:


2.選択したラジオ ノードを取得します

jquery の使用は非常に簡単です。簡単にするには、次のように、まずグループを選択し、次にチェックされたものをフィルターで除外します。

コードをコピーします コードは次のとおりです:

var group1 = $("[name='group1']" ).filter(":checked");
console.log(group1.attr("id")) ;

3、無線ノードを選択します

チェックされた属性を設定するには:

コードをコピーコードは次のとおりです:

$("#radio2").attr("checked", "checked");

4、ラジオ ノード

を選択して、checked 属性を削除します:

コードをコピーします コードは次のとおりです:

$("#radio1")。 RemoveAttr("checked");

この結果、グループ内の無線がどれも選択されない可能性があります。

5. 選択イベントと選択解除イベントを登録します

または、次のように jquery の on 関数を使用して変更イベントを登録します:

コードをコピーします コードは次のとおりです:

$("[name='group1']").on("change", function (e) {
console.log($(e.target).val());
}
); このように、 group1 のいずれかが選択されると、機能がトリガーされます。