禁用不同的複選框

Question

目前我正在做的是如果我選中複選框，它將禁用它並將單詞更改爲綠色。但是我用ID來做。我如何去做多個複選框。

$("input[type='checkbox']").click(function(){ 
    if($('#1').is(":checked")){ 
     $('#1').parent().addClass("Green"); 
     Enable = true; 
    } 
    if(Enable == true) { 
     $('#1').prop("checked", true); 
    } 
}); 

Answer 1

使用此爲參照相應的複選框，並var關鍵字添加到使變量，所以這將是本地的功能：

$("input[type='checkbox']").click(function(){ 
      if($(this).is(":checked")){ 
       $(this).parent().addClass("Green"); 
       var enable = true; 
      } 
      if(enable == true) { 
       $(this).prop("checked", "checked"); 
      } 
}); 

工作演示：http://jsfiddle.net/er144/MTAw2/

Answer 2

要禁用點擊複選框，使用..

$(this).prop("disabled", true); 

Answer 3

剛剛嘗試這一點。

$("input[type='checkbox']").click(function(){ 
    if($(this).is(":checked")){ 
     $(this).parent().addClass("Green"); 
     Enable = true; 
    } 
    if(Enable == true) { 
     $(this).prop("checked", true); 
    } 
});