1

私はこのフォームを持っています:

<div id="div1">
  <form>
  <input type="radio" name="r1" id="r1" value="r1 value 1" />
  <input type="radio" name="r1" id="r1" value="r1 value 2" />
  <input type="radio" name="r1" id="r1" value="r1 value 3" />

  <input type="radio" name="r2" id="r2" value="r2 value 1" />
  <input type="radio" name="r2" id="r2" value="r2 value 2" />
  <input type="radio" name="r2" id="r2" value="r2 value 3" />

  <input type="radio" name="r3" id="r3" value="r3 value 1" />
  <input type="radio" name="r3" id="r3" value="r3 value 2" />
  <input type="radio" name="r3" id="r3" value="r3 value 3" />
  </form>
</div>

ラジオボタングループの数は変更可能です。

現在、値 1 を選択してから値 3 を選択すると、両方がチェックされるため、エンド ユーザーが特定のグループのラジオ ボタンを選択すると、他のラジオ ボタンの選択を解除するにはどうすればよいですか。特定のグループ内のラジオボタンを選択して、選択したグループの横にある他のすべてのグループのラジオボタンの選択を解除すると、それが必要になります。r1r3

事前にどうもありがとうございました。

4

4 に答える 4

1

すべてのラジオ ボタンを同じグループにできない理由はありますか? それらを同じグループ名の下に置くのは簡単な修正です。そうでない場合は、単純な jQuery クリック ハンドラーを使用して他のすべてのラジオ ボタンの選択を解除すると機能します。

また、この例では ID が重複しています。それが意図したものなのか、間違いなのかはわかりませんが、それも修正する必要があります。

于 2013-06-18T23:57:55.757 に答える
1

すべてのラジオ ボタンの name 属性が同じになるようにコードを変更します。また、複数の要素に同じ ID を使用することはできません。

于 2013-06-19T08:09:06.810 に答える