0

fieldset タグ内に複数のラジオボタン リストがあります。

リスト全体から1つのアイテムだけを選択できるようにしたい...現在、各ラジオボタンリストから1つのアイテムを選択できます-これは正常です

これを行う適切な方法は、1 つの長いラジオ ボタン リストを用意することですが、それはオプションではありません。

フィールドセットクラス名を指定するjavascript/jqueryの方法はありますか-言う

<fieldset class="mylistofradiolists">その中のラジオ ボタンが選択されると、他のすべての項目が選択解除され、その1 つだけが選択されたままになります。

ありがとう

4

2 に答える 2

6

次のコードでそれを行うことができます

$radios =  $('.mylistofradiolists :radio');
$radios.on('change',function(){
   $radios.not(this).prop('checked',false);
});

ラジオが選択されると、そのコンテナ内で選択解除されたラジオを除くすべてのラジオが選択されます。

使ったほうがいい

$radios =  $('.mylistofradiolists [type=radio]');

それ以外の

$radios =  $('.mylistofradiolists :radio');

:radioセレクターのドキュメントが言うように

:radio は jQuery の拡張機能であり、CSS 仕様の一部ではないため、:radio を使用するクエリは、ネイティブ DOM の querySelectorAll() メソッドによって提供されるパフォーマンスの向上を利用できません。

最新のブラウザでパフォーマンスを向上させるには、 代わりに [type="radio"] を使用してください。

于 2012-07-03T10:52:43.957 に答える
4

ラジオ ボタンの各「name」属性を同じに保つことにより、fieldset タグで区切られたラジオ ボタンのリストから 1 つのラジオ ボタンのみを選択する機能を実現できます。

例:- 最初のフィールド セットの場合 - ラジオ ボタン名フィールドを同じに保ちます。

<fieldset >
<input type="radio" name="food" /> : Italian<br />
<input type="radio" name="food" /> : Greek<br />
<input type="radio" name="food" /> : Chinese<br />
<fieldset >

2 番目の fieldset については、name 属性を同じに保ちます:-

<fieldset >
<input type="radio" name="food" /> : Indian<br />
<input type="radio" name="food" /> : UK<br />
<fieldset >

このanserユーザーの質問を願っています:)

于 2012-07-03T10:59:11.943 に答える