Firefoxラジオボタンの奇妙さ

StackOverflow https://stackoverflow.com/questions/1619336

  •  06-07-2019
  •  | 
  •  

質問

ラジオのグループがたくさんあるフォームがあります。各無線には一意のIDがあり、グループ内の他の無線と同じ名前が付いています。ページはXHTMLトランジショナルとして検証されます。

IE6でテスト<！> amp; 7、Opera、Safari、Chrome

FireFoxでは、おかしくなります。グループ内のラジオを1回クリックすると、チェックされたグループの最初のラジオが設定されます。通常、ラジオをダブルクリックすると選択されます。これを見た人はいますか？

サンプルグループは次のようになります。

<input type="radio" name="upAndDown_1" id="upAndDown_11" value="Y"  /> Y <br />
<input type="radio" name="upAndDown_1" id="upAndDown_12" value="N"  checked="checked" /> N<br />
<input type="radio" name="upAndDown_1" id="upAndDown_13" value="NA"  /> NA

フォンモメノンはここでテストできます： http://www.nolaflash.com/stackoverflow/firefox_and_radios .html

ご意見をお寄せください。

役に立ちましたか？

解決

Doh！私のデザイナーは、ラジオの各グループを包む単一のタグを持っていました。ラベルタグを削除すると、FireFoxの奇妙さが修正されます。

他のヒント

Firefoxの問題を引き起こすのは、実際には周囲の<label>タグです（ただし、有効なhtmlです）。 これでうまくいくはずです：

<input type="radio" name="upAndDown_2" id="upAndDown_21" value="Y"/><label for="upAndDown_21">Y</label><br/>
<input type="radio" name="upAndDown_2" id="upAndDown_22" value="N"/><label for="upAndDown_22">N</label><br/>
<input type="radio" name="upAndDown_2" id="upAndDown_23" value="NA" checked="checked"/><label for="upAndDown_22">NA</label>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top