하려면,
<label> 태그를 이용하면 된다.
<label>
<input type="checkbox" name="fruit" value="">
사과
</label>
<label>
<input type="checkbox" name="fruit" value="">
바나나
</label>
사과나 바나나를 클릭하면 체크박스 이벤트가 같이 먹힌다.
라디오 박스도 마찬가지다.
예전에 이렇게 처리하지 않고.. javascript 이용하여 텍스트 클릭시 바로 앞쪽의 checkbox를 click하도록 이벤트 걸어놓은 소스를 본적이 있음.