css label 이용해서 radio, checkbox checked 설정하기 - 텍스트 클릭해서 체크하기

css label 이용해서  radio, checkbox  checked 설정하기 - 텍스트 클릭해서 체크하기

form 에서 radio(라디오) 나 checkbox(체크박스) 선택시 체크(checked)가 되는데 해당 input을 선택하지 않고 옆에 텍스트를 선택했을때도 체크(checked)가 작동되게 하는방법

<label></label> 태그로 해당 input 을 감싸주면 된다.

예제 ) 

<label><input type=radio> 라디오</label> 

<label><input type=checkbox> 체크박스</label>