Jquery 禁用不同的复选框

目前我正在做的是，如果我选中复选框，它将禁用它，并将单词改为绿色。但无论如何，我是用ID来做的。我该如何为多个复选框做这件事呢

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

---

要禁用单击的复选框，请使用

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

试试这个

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

---

使用此选项引用相应的复选框，并将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");
            }
});

---

工作演示：

您的意思是

$（此）

？如果禁用它，如果它是错误的，用户将如何取消选中它？而不是指定元素id$（“#1”）。使用$（这个）哦，我正在尝试做一些类似清单的事情。因此，如果第一个复选框已完成。用户将勾选它，它将变为绿色。（同时禁用它）。我希望该函数应用于所有复选框，但我不太确定如何编写它。