html radio,checkbox label 클릭

radio label 클릭

• radio name값이 같을 경우 하나의 그룹으로 인식합니다.
• radio id 값과 label for 값을 같게 만들면 label을 선택했을 때 radio가 선택됩니다.

<input type="radio" id="rad0" name="radDay" value="0" /><label for="rad0">일</label>
<input type="radio" id="rad1" name="radDay" value="1" /><label for="rad1">월</label>
<input type="radio" id="rad2" name="radDay" value="2" /><label for="rad2">화</label>
<input type="radio" id="rad3" name="radDay" value="3" /><label for="rad3">수</label>
<input type="radio" id="rad4" name="radDay" value="4" /><label for="rad4">목</label>
<input type="radio" id="rad5" name="radDay" value="5" /><label for="rad5">금</label>
<input type="radio" id="rad6" name="radDay" value="6" /><label for="rad6">토</label>

 

checkbox label 클릭

• checkbox id 값과 label for 값을 같이 하면 label을 선택했을 때 checkbox 가 선택 됩니다

<input type="checkbox" id="chkYN" name="chkYN" /><label for="chkYN">선택하세요</label>
<input type="checkbox" id="chkDayYN" name="chkDayYN" /><label for="chkDayYN">요일 선택 여부</label>