选中复选框后禁用复选框

时间:2014-04-14 02:19:33

标签: javascript jquery

我有这个复选框,

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

我想在用户选中复选框后立即禁用它。请帮我说明如何做到这一点。我知道这很简单,但我对这个东西很新。

2 个答案:

答案 0 :(得分:1)

当您检测到复选框处于已检查状态时,只需将disabled属性设置为true,IE:

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

我还建议您通过为什么来禁用它。禁用的表单元素值不会发送到服务器。

答案 1 :(得分:-1)

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

希望这可能会有所帮助。 :)