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

페이지 정보

profile_image
작성자 LJM
댓글 0건 조회 81회 작성일 18-10-10 21:33

본문

// 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[id='아이디명']").prop("checked", true); // 라디오 checked

$("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);

댓글목록

등록된 댓글이 없습니다.

로그인