选中复选框后禁用该复选框

Question

I have this for my checkbox,

$('.cuttingCheckbox').change(function() {
         if (this.checked) {
           alert('checked');
         } else {
           alert('unchecked');
         }
       });

I want to disabled it right after the user check the checkbox. Please help me on how to do this. I know this is very simple but im very new on this stuff.

Answer 1

Just set the disabled attribute to true when you detect that the checkbox is in a checked state, IE:

$('.cuttingCheckbox').change(function() {
     if (this.checked) {
       alert('checked');
       this.disabled = true; 
     } else {
       alert('unchecked');
     }
   });

I would also recommend thinking through why you want to disable it. Disabled form element values are not sent to the server.

Answer 2

$('.cuttingCheckbox').change(function() {
         if (this.checked) {
          document.getElementById("cuttingCheckbox").disabled= true
         } else {
          document.getElementById("cuttingCheckbox").disabled = false
         }
       });

Hope this might help. :)