jQueryセットラジオボタン

ラジオボタンを設定しようとしています。値またはIDを使用して設定したい。

これは私が試したものです。

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol ラジオボタンのIDです。

多分少し編集が必要です。

ラジオボックスには2つのセットがあり、1つはcolsを含み、もう1つは行を含みます。だから私はidを使わないことにポイントがあると思います。私の悪い。だから私は例として持っています：

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

そして

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

IDを削除して、正しいIDを設定する必要があります。

セレクターinput:radio[name=cols]は、idの要素newcol（その変数の値）の子孫を探します。

代わりにこれを試してください（とにかくIDで選択しているため）。

$('#' + newcol).prop('checked',true);

ここにデモがあります：http : //jsfiddle.net/jasper/n8CdM/1/

また、jQuery 1.6以降、プロパティを変更するための推奨される方法は.prop()次のとおりです：http : //api.jquery.com/prop

私はここで答えを見つけました：https : //web.archive.org/web/20160421163524/http :
//vijayt.com/Post/Set-RadioButton-value-using-jQuery

基本的に、1つのラジオボタンをチェックする場合は、値を配列として渡す必要があります。

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

セレクターで、ラジオボタンのネストされた要素を指定されたIDでフェッチしようとしているようです。ラジオボタンをチェックしたい場合は、セレクターでこのラジオボタンを選択し、他のものは選択しないでください。

$('input:radio[name="cols"]').attr('checked', 'checked');

これは、マークアップに次のラジオボタンがあることを前提としています。

<input type="radio" name="cols" value="1" />

ラジオボタンにIDがあった場合：

<input type="radio" name="cols" value="1" id="myradio" />

idセレクターを直接使用できます。

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

次のコードを試すことができます：

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

これにより、ラジオ列のチェックされる属性と値が指定どおりに設定されます。

なぜ必要なのか'input:radio[name=cols]'。あなたのhtmlを知らないが、IDが一意であると仮定して、あなたは単にこれを行うことができます。

$('#'+newcol).prop('checked', true);

これを試して：

$("#" + newcol).attr("checked", "checked");

で問題が発生しattr("checked", true)たため、代わりに上記を使用する傾向があります。

また、IDがあれば、他に選択する必要はありません。IDは一意です。

以来newcol、ラジオボタンのIDである、あなたは、単に以下のようにそれを使用することができます。

$("#"+newcol).attr('checked',true);

を使用して.filter()も機能し、ID、値、名前に対して柔軟です。

$('input[name="cols"]').filter("[value='Site']").attr('checked', true);

（このブログで見られる）

以前の回答を組み合わせる：

$('input[name="cols"]').filter("[value='Site']").click();

あなたは単に使うことができます：

$("input[name='cols']").click();

この場合、選択した回答が機能します。

しかし、問題は、radiogroupと動的IDに基づいて要素を見つけることに関するものでした。答えは、表示されたラジオボタンに影響を与えないままにすることもできます。

この行は、画面上に変更を表示しているときに要求されたものも正確に選択します。

$('input:radio[name=cols][id='+ newcol +']').click();