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 のいずれかが選択されると、機能がトリガーされます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
