728x90
checked 여부 확인
$("input:checkbox[id='ID']").is(":checked") == true : false
$("input:checkbox[name='NAME']").is(":checked") == true : false
checked, unchecked 처리
$("input:checkbox[id='ID']").prop("checked", true);
$("input:checkbox[name='NAME']").prop("checked", false);
특정 라디오버튼 선택 / 모든 라디오버튼 선택해제
$("input:radio[name='NAME']:radio[value='VALUE']").attr("checked",true);
$("input:radio[name='NAME']").removeAttr("checked");
전체선택 체크박스를 선택하면 그 아래의 모든 체크박스를 선택 HTML
<label><input type="checkbox" id="check_all" class="input_check"> <b>전체선택</b></label>
<ul class="select_subject">
<label><input type="checkbox" class="input_check" name="class[1]" value="1"> <b>1</b></label>
<label><input type="checkbox" class="input_check" name="class[2]" value="2"> <b>2</b></label>
</ul>
전체선택 체크박스를 선택하면 그 아래의 모든 체크박스를 선택 jQuery
$(function(){
$("#check_all").click(function(){
var chk = $(this).is(":checked");//.attr('checked');
if(chk){
$(".checkbox").prop('checked', true);
}else{
$(".checkbox").prop('checked', false);
}
});
});
300x250
'개발자공간 > SCRIPT' 카테고리의 다른 글
javascript & jquery 배열 만들기 (0) | 2020.12.11 |
---|---|
jquery 부모창 제어/컨트롤 (0) | 2020.12.11 |
jquery & javascript 날짜비교 방법 (0) | 2020.12.10 |
JQUERY 스플릿 split 문자열 자르기 (0) | 2020.12.10 |
[jQuery] parseInt() 숫자로 형변환 (0) | 2020.12.10 |
댓글