1

ラジオボタンが2セットあります。アイデアは、ラベル画像を使用してラジオボタンを非表示にすることです。画像をクリックすると、ラジオボタンが選択されます。最初のグループでは機能しますが、2番目のグループでは機能しません。ラジオボタンを非表示にするcssをコメントアウトしたので、最初のグループのようにラベルをクリックしたときに、2番目のグループのラジオボタンが選択されないことがわかります。

これが私のコードです：

http://jsfiddle.net/flaming_nonsense/rSBPJ/

どんな助けでもいただければ幸いです！

4

3 に答える 3

1

マークアップが原因です：

  • IDは一意である必要があります
  • 無線グループには固有のname属性が必要です

 <div id="sites2">
    <input type="radio" name="site2" id="so2" value="stackoverflow" /><label for="so2"><img src="http://sstatic.net/stackoverflow/img/favicon.ico" alt="Stack Overflow" /></label>
    <input type="radio" name="site2" id="sf2" value="serverfault" /><label for="sf2"><img src="http://sstatic.net/serverfault/img/favicon.ico"alt="Server Fault" /></label>
    <input type="radio" name="site2" id="su2" value="superuser" /><label for="su2"><img src="http://sstatic.net/superuser/img/favicon.ico" alt="Super User" /></label>
</div>

http://jsfiddle.net/rSBPJ/2/

于 2012-07-23T11:10:43.523 に答える
1

要素のIDは一意である必要があります。したがって、HTMLを次のように変更します

次のリンクを参照してくださいhttp://jsfiddle.net/bCLJZ/

于 2012-07-23T11:11:19.037 に答える
0

問題は、2番目のグループの無線入力に最初のグループの無線入力と同じIDを指定したことです。

2番目のグループの無線入力に異なるIDを指定する必要があります。

于 2012-07-23T11:12:37.820 に答える