[JQuery] JQuery input 체크박스 선택/해제하는 방법

이번 글에서는 HTML에 작성되어 있는 input 태그의 checkbox 타입을 JQuery로 핸들링할 수 있는 방법에 대해 글을 기록한다.

---

목차

1. JQuery input 체크박스 선택/해제하는 방법

---

1. JQuery input 체크박스 선택/해제하는 방법

아래와 같이, id와 name이 TEST01인 input 태그가 있다.

<input type="checkbox" id="TEST01" name="TEST01" value="V" />

 

이 input 태그의 체크박스를 선택/해제 하는 방법은 아래와 같다.

$("#TEST01").prop("checked", true); // 체크 선택
$("#TEST01").prop("checked", false); // 체크 해제

 

위의 코드와 같이, input 태그의 ID를 가지고 JQuery를 사용할 때, prop을 사용하여 checked가 true면 체크 선택, checked가 false면 체크 해제가 된다.

 

$('input[name="TEST01"]').prop("checked", true);
$('input[name="TEST01"]').prop("checked", false);

 

input 태그의 name을 가지고 제이쿼리를 사용하려면 위와 같이 name을 가져오는 제이쿼리를 사용하면 된다.

---