본문 바로가기
개발자공간/SCRIPT

jquery 체크박스 선택여부, 체크 처리, 라디오버튼 선택해제

by 냉국이 2020. 12. 10.
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

댓글