본문 바로가기

프로그래밍 언어

[JQuery] checkbox 상태확인 및 수정

※ 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.




 

id 인 경우 : $('input [type=checkbox] [ id="checkbox_id" ]')

name인 경우 : $('input [ name="checkbox_name"]')

유니크인 id인 경우 : $(".checkbox_id")

유니크인 name인경우 : $("#checkbox_name")

 

 

-----------------------------------------------------------------------------

 

window.onload = function() {

 

 

$(".btnB").on("click", function(e) {

//checkbox true인지 false인지 확인

var value = $('input:checkbox [ name="checkbox_name"]').is(':checked');

 

if(value){

     //checkbox 상태 false로 변경
    $('input:checkbox [ name="checkbox_name"]').attr('checked',false);
}

else{

     //checkbox 상태 true로 변경
    $('input:checkbox [ name="checkbox_name"]').attr('checked',true);
}

});

 

 

}