본문 바로가기

프로그래밍 언어

[JQuery] checkbox false일때 안내문 on, true일때 안내문 off 예제

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




<script src='../cornerstone/lib/jquery-1.8.1.min.js'></script>      
 
<div class="textadd"></div>

<button type="button" class="btn no-hover btnA">단일 토글</button>
    
<label class="checkbox inline">
<input class="checkTE" type="checkbox" id="inlineCheckbox2" value="option2">
<span class="inp-check"></span>
</label>

 

 

<script>
window.onload = function() {
var cnt=0;

$(".btnA").on("click", function(e) {
var checkval=$(".checkTE").is(':checked');

   
if(!checkval && cnt==0){
$(".textadd").append($("<div class='alert'>"));
$(".alert").append($("<strong>체크 해주세요.</strong>"));
$(".alert").append($("</div>"));
 cnt++;

}

else if(checkval){
$(".alert").remove();
cnt=0;
}

});

 

 

};    

</script>