2011-01-06 7 views

答えて

258

attribute selectorの助けを借りて、入力要素を対応する値で選択することができます。あなたが.attrを使用して、明示的に属性を設定する必要が続い:

$("input[name=mygroup][value=" + value + "]").prop('checked', true); 

var value = 5; 
$("input[name=mygroup][value=" + value + "]").attr('checked', 'checked'); 

jQueryの1.6以来、あなたはまた、ブール値(これは好ましい方法であるべき)で.propメソッドを使用することができます最初に、ラジオボタングループの下にあるラジオボタンからチェック属性を削除する必要があることを忘れないでください。ラジオボタングループ内のラジオボタンの1つにチェックされたプロパティ/属性を追加することができます。 1つのラジオボタングループのすべてのラジオボタンからチェック属性を削除するには

コード -

$('[name="radioSelectionName"]').removeAttr('checked'); 
+0

.prop( 'checked'、true)または.is() – bladefist

+3

@bladefist: '.is'はここで助けになりませんが、私は' .prop'と同意します。当時は利用できませんでした;)私の答えは更新されます。ありがとう! –

+4

ラジオボタンの値に小数点がある場合は、値を引用符で囲む必要があります。 – Robert

11

これを試してみてください:

$('input:radio[name="mygroup"][value="5"]').attr('checked',true); 

JS Fiddle demoを。

+0

'のようにそれをトリガすることができますので、ラジオボタンでは選択されていません。 –

+0

@Felix:いいえ、それは編集されてから 'チェック'されているはずです。 =) –

+0

@Daveは "mygroup"を忘れないでください – hunter

8
$("input[name='mygroup'][value='5']").attr("checked", true); 
102

ラジオやチェックボックスをチェックする良い方法があります。あなたがここに

$("input[name=mygroup]").val([5]); 

ヴァル・メソッドに値の配列を渡す必要が代わりの生の値は、それがどのように動作するかを説明jQueryのドキュメントです: http://api.jquery.com/val/#val-value

そして.val([...])<input type="checkbox">のようなフォーム要素と連携し、 の内部には、<input type="radio">,<option>が含まれています。配列の要素の一つと一致しない値を有するものがあろうしながら

入力とアレイの要素の一つに一致する値を有するオプションは、確認または選択しますこの作業を証明する未チェックまたは選択解除

フィドル:https://jsfiddle.net/92nekvp3/

1

それともあなたはそれにvalue属性を記述することができます。

を0

これは私のために働く。トリガーされませんchangeイベント前述したようにあなたは、属性値を変更すると、いくつかの理由のために必要であれば

5

そう

$('input[name=video_radio][value="' + r.data.video_radio + '"]') 
     .prop('checked', true) 
     .trigger('change'); 
0
var key = "Name_radio"; 
var val = "value_radio"; 
var rdo = $('*[name="' + key + '"]'); 
if (rdo.attr('type') == "radio") { 
$.each(rdo, function (keyT, valT){ 
    if ((valT.value == $.trim(val)) && ($.trim(val) != '') && ($.trim(val) != null)) 

    { 
    $('*[name="' + key + '"][value="' + (val) + '"]').prop('checked', true); 
    } 
    }) 
} 
+3

答えにあなたのコードが何をしているか説明してください。少なくとも文章かそれ以上。そしてそれがどのように解決するのか。ありがとうございました。 – Alex

関連する問題