본문 바로가기
프로그램/JavaScript

jQuery 체크박스, 라디오버튼 컨트롤

by 쭌파 2017. 4. 8.

1. checked 여부 확인

1
2
3
4
5
$("input:checkbox[id='아이디명']").is(:checked)       // true : false
$("input:checkbox[name='NAME명']").is(:checked)      // true : false
 
$("input:radio[id='아이디명']").is(:checked)          // true : false
$("input:radio[name='NAME명']").is(:checked)         // true : false
cs


2. checked/unchecked 처리

1
2
3
4
5
$("input:checkbox[id='아이디명']").prop("checked"true);         // 체크박스 checked
$("input:checkbox[name='NAME명']").prop("checked"false);       // 체크박스 unchecked
 
$("input:radio[id='아이디명']").prop("checked"true);            // 라디오 checked
$("input:radio[name='NAME명']").prop("checked"false);          // 라디오선택 unchecked
cs


3. 선택된 값 가져오기

1
2
3
4
5
$("input:checkbox[id='아이디명']:checked").val();
$("input:checkbox[name='NAME명']:checked").val();
 
$("input:radio[id='아이디명']:checked").val();
$("input:radio[name='NAME명']:checked").val();
cs


4. 특정 값 선택/해제

1
2
3
4
5
$("input:checkbox[id='아이디명']:checkbox[value='값']").prop('checked'true);
$("input:checkbox[name='NAME명']:checkbox[value='값']").prop('checked'false);
 
$("input:radio[id='아이디명']:checkbox[value='값']").prop('checked'true);
$("input:radio[name='NAME명']:checkbox[value='값']").prop('checked'false);
cs


'프로그램 > JavaScript' 카테고리의 다른 글

SmartEditor <p> </p> 제거  (0) 2017.04.01

댓글