【jQuery】valueを指定してラジオボタン(input:radio)を選択状態にする

2015/06/10 JavaScript/jQuery  このエントリーをはてなブックマークに追加
jQuery

jQueryでラジオボタン(input:radio)を選択状態にするのは

$('#radio_test1').attr('checked','checked');

が上手くいかない時は

$('#radio_test1').prop('checked','checked');

にするといいよ!というのを前社内で言ったことがあるのですが、「じゃあ入ってきた値に応じて変更するのはどうすればいいんだよ(よくあるのは他フォームの値をinput:radioの選択値に設定するとか)」というのがあったので、メモしておきます。

$('input[name=parent_radio]').change(function(){
    $('input[name=child_radio][value='+$(this).val()+']').prop('checked','checked');
});


$('input[name=child_radio]').val($(this).val());でもいけそうな気がするんですが、試したけど動かなかったので、とりあえず上記で。
あと.prop('checked','checked');は.prop('checked',true);でももちろん大丈夫です(ここはどちらでも動きました)

コメント

*
*

<< Chart.jsの円グラフ(Pie)で、項目名(label)を常時表示にする方法 | 【jQuery】valやpropで変化させた際にchangeイベントを実行させる方法 >>