글 제목을 좀 난해하게 잡기는 했는데
- <input type="radio" name="fruits" value="apple">사과
- <input type="radio" name="fruits" value="banana">바나나
이런 식으로 해놓으면 정확히(?) radio 버튼 부분에 클릭해야만 해당 부분이 선택이 된다.
그런데, '사과' 나 '바나나' 부분을 클릭해도 선택 된 것으로 할려면 어떻게 해야 할까.
방법은 label 태그로 묶어주고 input type 안에 id 를 정해주고 label 에 연결해주면 된다!!
아래는 위의 예제를 label, id를 추가하여 수정한 코드
- <label for="lbApple"><input type="radio" id="lbApple" name="fruits" value="apple">사과</label>
- <label for="lbBanana"><input type="radio" id="lbBanana" name="fruits" value="banana">바나나</label>
checkbox 도 같은 방법으로 처리하면 된다.
'Dev Web > HTML' 카테고리의 다른 글
| [HTML] 항상 jQuery 최신 버전 사용하기 (0) | 2013.08.27 |
|---|
