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

본문 바로가기

jquery

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

작성일 18-10-10 15:39

페이지 정보

작성자서방님 조회 126회 댓글 0건

본문

// 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);

댓글목록

등록된 댓글이 없습니다.

게시물 검색
Copyright © 서방님.kr All rights reserved.
PC 버전으로 보기