본문 바로가기

JavaScript/jQuery

[jQuery] 체크박스로 활성화,비활성화 제어하기

체크박스 선택시 활성화,비활성화로 바꾸는 기능이 필요해서 메모..


HTML

	
	
버튼입니다.

CSS

.box.on{color:#999;}

JS

$(".box button").attr("disabled", true);
	$("#chk").on('click',function(){
		var chk = $('input:checkbox[id="chk"]').is(":checked");
		if(chk==true){
			$(".box button").removeAttr('disabled');
			$(".box").removeClass("on");
		}else{
			$(".box button").attr("disabled", true);
			$(".box").addClass("on");
		}
	});