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

1. checked 여부 확인
$("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


2. checked/unchecked 처리
$("input:checkbox[id='아이디명']").prop("checked", true);         // 체크박스 checked
$("input:checkbox[name='NAME명']").prop("checked", false);       // 체크박스 unchecked

 

$('input:radio[name="fruit"][value="apple"]).attr('checked', 'checked');  // 라디오 checked - jQuery 1.6버전 이하
$("input:radio[id='아이디명']").prop("checked", true);            // 라디오 checked  - jQuery 1.6버전 이상
$("input:radio[name='NAME명']").prop("checked", false);          // 라디오선택 unchecked


3. 선택된 값 가져오기
$("input:checkbox[id='아이디명']:checked").val();
$("input:checkbox[name='NAME명']:checked").val();
 
$("input:radio[id='아이디명']:checked").val();
$("input:radio[name='NAME명']:checked").val();


4. 특정 값 선택/해제
$("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);