체크박스, 라디오버튼 컨트롤
페이지 정보
본문
// 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);
- 이전글모바일 메뉴로 하면 좋을 소스 18.10.12
- 다음글페이지 갱신없이 주소 바꾸기 18.02.01
댓글목록
등록된 댓글이 없습니다.