체크 한 후 체크 박스를 비활성화하십시오.

Question

체크 박스를 먼저 선택 취소 한 후 체크 박스를 다시 선택하지 않으려면 도움이 필요합니다.

이것은 내가 지금까지 한 것입니다. $로

<label class="checkbox-inline"><input type="checkbox" id="checked" onclick="check();"></label> 

     <script type="text/javascript"> 
     function check() { 
      if($("#checked").is(":checked")){ 
      alert("Thanks for Attending"); 
      $(this).attr('disabled','disabled'); 
      } 
      } 
    } 
    </script> 

Answer 1

이 스 니펫을 확인하십시오.

function check() { 
    var el = document.getElementById("checked"); 

    if (el.checked) { 
     el.disabled = true; 
    } 
} 

을 여전히 .prop()에 jQuery를 버전 스틱을해야하는 경우 :

Answer 2

변경

$(this).attr('disabled','disabled'); 

to 

$('#checked').attr('disabled', true); 

(이)되지는 함수 본체 내부에 있기 때문에 체크 박스 말합니다.

Answer 3

당신은 당신이 그렇게 할 수없는 반면 jQuery를 함께 결합하려고하기 때문에 바닐라 JS로 대체

function check() { 
 
    if($("#checked").is(":checked")){ 
 
    alert("Thanks for Attending"); 
 
    //Code to disable checkbox after checked 
 
    $('#checked').attr('disabled', true); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<label class="checkbox-inline"><input type="checkbox" id="checked" onclick="check();"></label>

사용법 :

function check() { 
    var $el = $("#checked"); 

    if ($el.is(":checked")) { 
     $el.prop("disabled", true); 
    } 
}