Jquery 如何通过单击禁用复选框上的事件来增加复选框的限制

请看一看，让我知道如何将复选框的限制更改为3，然后在用户每次单击任何仅禁用的复选框时将其更改为无限制

第一步中的过程是，如果用户选中2项，则其他复选框将被禁用。如果用户单击任何禁用的复选框，

#opt-limit-3

将显示并提示用户增加限制或离开当前状态的选项？！如果

Yes

则我需要增加

限制=3

如何在禁用的复选框上触发事件？
这不起作用：

$('input:checkbox:disabled').click(function(){ alert("hi"); });

我也试过了

$("input:checkbox").not(":checked").attr("readonly", true);
$("input:checkbox").not(":checked").prop("readonly", true);

但是现在所有的复选框都可以被选中

这里有一个演示：

var限值=2；
$（“输入：复选框”）。单击（函数（）{
var bol=$（“输入：复选框：选中”）。长度>=限制；
$（“输入：复选框”）.not（“：checked”）.attr（“禁用”，bol）；
});

您已达到最大项目数。您想把它简化为3项吗
对
不
您已达到最大项目数。您想不想限制商品数量
对
不
试试这个

效果很好

var limit = 2;

    $("#opt-limit-3").hide();

$("input:checkbox").click(function() 
{
    if($(this).attr('isdisabled') == 'isdisabled')
        return false;

    $(".yo").html($("input:checkbox:checked").length + " ------ "+limit);
    if( $("input:checkbox:checked").length >=limit) 
    {    
        $("input:checkbox:not(:checked)").attr("isdisabled","isdisabled").on("mouseup",function()
        {
            $("#opt-limit-3").show();
        });

    }
});

$("#limitTo3").click(function()
{
    $("input:checkbox[isdisabled]").removeAttr("isdisabled").off("mouseup");
    limit+=3;
    $("#opt-limit-3").hide();
});

$("#limitTo3no").click(function()
{
    $("#opt-limit-3").hide();
});

看在上帝的份上，让我知道你为什么否决这个问题？！我的问题是我无法在禁用的复选框上触发事件，如
$（'input:checkbox:disabled'）。单击（function（）{alert（“hi”）；}）问题是关于ebanling预定义的diabled复选框，但在我的例子中，我是动态地这样做的，在我的marups中没有“readonly=”readonly“，所以我必须将“readonly att”添加到其余的复选框中？好的，我将代码更新为“
$”（“输入：复选框”）。而不是（“：checked”）。prop（“readonly”，true）；
但这只会使所有复选框都可选择！