2011-01-13 10 views
25

내가 수집 한 라디오 버튼을 클릭 할 수있는 레이블을 만들려면 두 요소에 동일한 "이름"속성 값을 지정해야합니다.클릭 가능한 레이블이있는 라디오 그룹

나는 두 개 이상의 라디오 버튼이있는 경우 "예 또는 아니요"유형 선택을 말합니다. 하나를 클릭하면 다른 비활성화는 두 라디오 버튼 "name"속성이 동일한 값이어야한다는 것입니다.

둘 다 수행 할 수 있습니까?

<label for="no">No</label> 
<input type="radio" name="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="yes" value="yes" /> 

답변

44

id ( 이름없는) 속성은 라벨의 for 속성에 의해 참조해야한다. 그것은 다음과 같이해야한다 : 또한 ID가없이 라벨을 작성할 수 있습니다 http://jsfiddle.net/zzsSw/

<label for="no">No</label> 
<input type="radio" name="mygroup" id="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="mygroup" id="yes" value="yes" /> 
+1

는 의미가 있습니다. 이제 두 요소 모두에 올바른 이름을 할당 할 수 있습니까? http://jsfiddle.net/zzsSw/1/ –

37

:

<label> 
    <input type="radio" name="mygroup" /> 
    My clickable caption 
</label> 

또는 체크 박스

<label> 
    <input type="checkbox" name="mygroup[]" /> 
    My clickable caption 
</label> 
+5

이 답변은 제 것보다 낫습니다. – Ish

+0

나는 그것이 더 낫다는 것에 동의하지 않는다. 이전 IE를 지원해야하는 경우 이름이있는 요소는 ID와 이름을 모두 검색하는'document.getElementById'에 의해 발견 될 수 있습니다. 비고에서 http://msdn.microsoft.com/en-us/library/ie/ms536437(v=vs.85).aspx를 참조하십시오. IE7 이하는 여전히 당신을위한 대상입니다 (IE10을 지원하지만 IE7 표준 모드 등이라도). 실제로이 요소에 이름과 ID를 넣어야합니다. –

+0

나는 이렇게 많은 HTML을 썼다. 프로그래밍 방식으로 예를 들어 캡션을 재배치 할 분명한 방법을 찾을 수 없습니다. 테이블 레이아웃 – Cuadue