radio,checkbox 텍스트 명을 클릭해도 선택되게 처리 하는 방법

라디오버튼과 체크박스 버튼에서 조그마한 라디오,체크버튼을 클릭하기가 불편해
텍스트를 클릭했을대 체크될수 있게 처리하는 방법으로
아래와 같이 적용한다

radio,checkbox에서 id와 lable 내에 for 속성을 동일하게 맞춰주면된다

<input type="radio" name="radio1" id="radio1_1"><label for="radio1_1">라디오버튼1</label>
<input type="radio" name="radio1" id="radio1_2"><label for="radio1_2">라디오버튼2</label>

<input type="checkbox" name="checkbox1" id="checkbox1"><label for="checkbox1">체크박스</label>