禁用不同的复选框

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

试试吧。

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

Answer 2

使用它来引用相应的复选框，并将var关键字添加到enable变量，因此它将是函数的本地：

$("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 3

要禁用点击的复选框，请使用..

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