문제
많은 그룹의 라디오가있는 양식이 있습니다. 각 라디오에는 고유 한 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
모든 조언에 감사드립니다.
해결책
도! 내 디자이너는 각 라디오 그룹을 감싸는 단일 태그를 가지고있었습니다. 레이블 태그를 제거하면 Firefox의 기묘함이 해결됩니다.
다른 팁
실제로 주변입니다 <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>
제휴하지 않습니다 StackOverflow