Firefox 라디오 버튼 이상함

Question

많은 그룹의 라디오가있는 양식이 있습니다. 각 라디오에는 고유 한 ID가 있으며 그룹의 다른 이름과 동일한 이름이 있습니다. 이 페이지는 XHTML 전환으로 유효합니다.

IE6 & 7, Opera, Safari 및 Chrome에서 테스트 된 마우스 또는 키보드 입력에서 생각하는대로 정확하게 작동합니다.

Firefox에서는 미쳤다. 그룹의 라디오를 한 번 클릭하면 확인 된 그룹의 첫 번째 라디오가 설정됩니다. 라디오를 두 번 클릭하면 일반적으로 선택합니다. 전에 본 사람이 있습니까?

샘플 그룹은 다음과 같습니다.

<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

PHONMOMENON은 여기에서 테스트 할 수 있습니다. http://www.nolaflash.com/stackoverflow/firefox_and_radios.html

모든 조언에 감사드립니다.

Answer 1

도! 내 디자이너는 각 라디오 그룹을 감싸는 단일 태그를 가지고있었습니다. 레이블 태그를 제거하면 Firefox의 기묘함이 해결됩니다.

Answer 2

실제로 주변입니다 <label> Firefox 문제를 일으키는 태그 (유효한 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>