0

ページ上の特定の ID を持つすべてのラジオ ボックスをチェックするには、javascript を使用する必要があります。ラジオ ボタンにはすべて異なる名前が付けられており、承認用、拒否用、レビュー用の 3 つにグループ化されています。

<input type=radio name='21' value='approved' id='approved' title='Approve'>
<input type=radio name='21' value='denied' id='denied' title='Deny'>
<input type=radio name='21' value='review' id='review' checked title='Do nothing right now'>

...等々。私はこのサイトとグーグル全体を検索しましたが、実際に私にとって有効な解決策は見つかりませんでした. ページの上部に別のラジオ ボタンのセットがあり、他のラジオ ボタンを制御するために使用したいので、上部の「承認」ラジオをクリックすると、すべての承認ラジオが選択され、拒否は拒否されたすべてのラジオ ボックスをオンにします。ページなど

一番上のラジオボタンセットでonclickを使用してjavascript関数を起動していますが、関数に何を指示すればよいかわかりません。jquery はこれをうまく実行できると思いますが、そのためのコードを思いつくことができないようです。

4

2 に答える 2

1

すべてのラジオでクリック機能を試し、その値に基づいて選択を更新します。下記参照、

//   v--- Refined the selector as you want this to happen only when clicking on the 
//        controller radio options.
$('.controller:radio').click(function () {
    $(':radio[value=' + this.value + ']')).prop('checked', true);
});

デモ: http://jsfiddle.net/KvdNq/

于 2013-01-31T19:37:58.397 に答える
0

私が実際に行うことは、個別の DIVS 内にグループを作成することです。次に、その特定の div 内のすべてのラジオをループすることができ、それぞれのラジオ ボタンの IDS を気にする必要はありません。

<div id="group1">
    <input type="checkbox" value="group1"/> Check all in this group
    <input type = "radio" value="xx" />
    <input type="radio" value="yy" />
</div>

これで、チェックボックスの値を受け取り、一致する div をループして、その中のすべての RADIO BUTTONS をチェックする関数を簡単に作成できます。わかる？

于 2013-01-31T19:40:20.977 に答える