javascript - jQueryはラジオを値で選択しますか?

Question

私はHTMLラジオコントロールを持っています:

<input id="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input id="group" type="radio" value="USA" name="SpecialTerms"></input>

jQuery を使用して、カナダの他のラジオもあるカナダのラジオ項目を選択するにはどうすればよいですか?

Answer 1

あなたに必要なのは：

$('input[value="Canada"]')

詳しくはこちら

Answer 2

含むラジオを選択するためにこれを試すことができますvalue=Canada

$('input:radio[value="Canada"]').prop('checked', 1);

デモ。

更新:idは一意である必要がありid、クラスに変更されている必要がありますclass=group。更新されたフィドルを確認してください。

HTML: (同じ値を持つ異なるクラスに注意してください)

<input class="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="group" type="radio" value="USA" name="SpecialTerms"></input>

<input class="Nogroup" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="Nogroup" type="radio" value="USA" name="SpecialTerms"></input>

JS: (ラジオ ボタンを選択/チェックし、ここで最初のラジオであるvalue=Canadaclass を持っていgroupます)

$(':radio.group[value="Canada"]').prop('checked', 1);

デモ。

更新：また、これを試すこともできます（名前は異なりますが値は同じです）

HTML:

<input class="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="group" type="radio" value="USA" name="SpecialTerms"></input>

<input class="group" type="radio" value="Canada" name="NoSpecialTerms"></input>
<input class="group" type="radio" value="USA" name="NoSpecialTerms"></input>

JS:

$(':radio[name="SpecialTerms"][value="Canada"]').prop('checked', 1);

または

$(':radio[name="SpecialTerms"]').filter(function(){
    return this.value == 'Canada';
}).prop('checked', 1);

デモ。

Answer 3

ページに他のラジオ グループがある場合は、次のように必要なものを選択します。

$('#group[value="Canada"])

フィドル

アップデート

前述のように、ID は一意である必要があります。それを念頭に置いて、次のような複数の属性セレクターを使用できます。

 $('[name="SpecialTerms"][value="Canada"]')

フィドル