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

본문 바로가기

jquery

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

페이지 정보

작성자 서방님 댓글 0건 조회 11회 작성일 18-10-10 15:39

본문

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

댓글목록

등록된 댓글이 없습니다.

Total 154건 1 페이지
게시물 검색

회원로그인

접속자집계

오늘
408
어제
425
최대
592
전체
28,890

그누보드5
Copyright © seobangnim.com All rights reserved.
자바스크립트를 활성화 하세요![ 브라우저에서 자바스크립트를 활성화하는 방법 ]