check박스 선택아닌 텍스트를 선택해도 check박스가 선택되게 하는 방법

<input type="checkbox" id="user-agreement" />

<label for="user-agreement"> 동의하시겠습니까? </label>

 

체크박스에 id값으로 준 것에다가 label에서 for로 연결해준다.

 

또는 아래와 같이 label로 묶어 준다.

 

<label>

  검색 <input type="search">

</label>