jQuery를 이용한 체크박스 선택여부

jQuery는 매우 유용하다.

예전에는 자바스크립트를 많이 사용했다면 요즘은 jQuery가 일반적으로 사용하는 스크립트이다

자바스크립트에서 체크박스 체크여부는 html의 해당 아이디 값으로 조회를 한다.

간단하게 자바스크립트 예문을 보면

if (docudment.getElementById("아이디").checked == true){ 참일때 처리 }else{ 거짓일 경우 처리 }

이러한 형태로 처리를 한다.

그렇다면 jQuery는 어떻게 사용할까??

첫째 해당 요소 아이디 값으로 처리하는 방법

if ($("input:checkbox[id='요소아이디']").is(":checked") == true){ 참일경우 처리 }else{ 거짓일 경우 처리 }

구문을 보면 알겠지만 매우 직관적인 것을 알수 있다.

또 다른 방법으로는 요소 아이디 값이 아닌 요소 네임(이름)으로 체크 여부를 조회할 수 있다

if ($("input:checkbox[name='요소네임']").is(":checked") == true){ 참일경우 처리 }else{ 거짓일 경우 처리 }

자바스크립트의 경우도 괜찮은 구문이지만 jQeury는 자바스크립트보다 더 직관적인 구문이라

보다 더 사용하기 편하다 할수 있겠다.

그럼 마지막으로 jquery를 이용한 체크박스의 간략한 사용 예제를 살펴보도록 하겠습니다.

<script language='javascript'> if($("input:checkbox[id='chk_id']").is(":checked") == true){ 요소 아이디를 이용한 체크 } if($("input:checkbox[name='chk_name']").is(":checked") == true){ 요소 네임을 이용한 체크 } </script> <input type="checkbox" name="chk_name" id="chk_id">

이상으로 jquery를 이용한 체크박스 선택여부에 대하 알아보았습니다.