하려면,


<label> 태그를 이용하면 된다.


<label>

<input type="checkbox" name="fruit" value="">

사과

</label>

<label>

<input type="checkbox" name="fruit" value="">

바나나

</label>


사과나 바나나를 클릭하면 체크박스 이벤트가 같이 먹힌다.


라디오 박스도 마찬가지다.





예전에 이렇게 처리하지 않고.. javascript 이용하여 텍스트 클릭시 바로 앞쪽의 checkbox를 click하도록 이벤트 걸어놓은 소스를 본적이 있음.

Posted by 야동우
,