HTMLでラジオ値のイベントを取得・代入・登録する例を詳しく解説

この記事では、HTML でのラジオ値の取得、割り当て、登録イベントを主に紹介します。HTML が好きな友人は必見です。 1. ラジオのグループ化

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

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

<span>group1:</span> 
<input type="radio" id="radio1" checked="checked" name="group1" />radio1 
<input type="radio" id="radio2" name="group1" />radio2 
<input type="radio" id="radio3" name="group1" />radio3 
<span>group2:</span> 
<input type="radio" id="radio4" checked="checked" name="group2" />radio4 
<input type="radio" id="radio5" name="group2" />radio5 
<input type="radio" id="radio6" name="group2" />radio6

効果


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

最初にグループを選択し、次にチェックされたものをフィルターで除外します。

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

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

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

jquery を使用してチェックされた属性を設定します:

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

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

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

チェックされた属性を削除します:

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

$("#radio1").removeAttr("checked");

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

5. 選択したイベントを登録します。

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

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

$("[name='group1']").on("change", 
function (e) { 
console.log($(e.target).val()); 
} 
);

このように、group1 のいずれかが選択すると、機能がトリガーされます。

HTMLでのラジオ値の取得、割り当て、登録イベントの例のより詳細な説明については、PHP中国語Webサイトに注目してください。