data-toggle 체크박스 활용

자동로그인을 위주로 설명을 간략하게 드리겠습니다.

<잘못된 예시>

<span class="btn btn-default" for="auto_login​">

<input  type="checkbox" name="auto_login" id="auto_login​"><label for="auto_login​">자동로그인</label>

</span>

button 태그안에 label  텍스트 클릭시에 체크가 되는방식 X

<올바른 예시>

input박스안에 data-toggle="checkbox"​ 을 사용하는 방식 O

<span class="btn btn-default" for="auto_login​">

<input  type="checkbox" name="auto_login" id="auto_login​"​ data-toggle="checkbox"> 자동로그인

</span>

잘못된 예시 문제.

1. 크롬에서는 텍스트를 클릭해줘야 체크가 됨

2. 크롬보다 더욱더 문제는 익스에선 체크 자체가 안먹힘

data-toggle 활용