检查页面加载使用jQuery检查输入量

Question

我有这个JS，当选择一定数量的项目将禁用其他选项，并选择这些项目将更新计数，但它的工作很好！当我将它们添加到购物车时，并且在购物车中，我可以进行编辑，因此当我点击编辑时，它会返回到产品页面，并且我有选择的选项是由客户在添加到购物车时选择的但我的计数显示为0和3，其他选项未禁用。

我知道我需要做一个页面加载每个/ foreach检查是否有任何复选框检查，如果是这样，并在极限禁用其他等，但它花了我一段时间。我想获得一些帮助，让它到达这个小提琴的位置。我如何检查这些负载？

原始小提琴：

https://jsfiddle.net/ate9a04u/2/

JS：

$(document).ready(function() { 
    var maxAllowed = 3; 
    $(".rmax").html(maxAllowed); 

    $(".subscribtion-content input.checkbox").change(function() { 
    var checkBox = $(".subscribtion-content input.checkbox") 
    var cnt = $(".subscribtion-content input.checkbox:checked").length; 
    if (cnt == maxAllowed) { 
     checkBox.not(':checked').prop('disabled', true); 
    } else { 
     checkBox.not(':checked').prop('disabled', false); 
    } 

    $(".rcount").html(cnt); 
    }); 
}); 

Answer 1

我认为你说你想要的.change()处理程序运行不只是当一个复选框相同的处理被点击，但也在页面加载。

如果是这样，只需手动触发.change()在现有的准备处理程序绑定后立即处理程序自己一次：

$(document).ready(function() { 
    var maxAllowed = 3; 
    $(".rmax").html(maxAllowed); 

    $(".subscribtion-content input.checkbox").change(function() { 
    var checkBox = $(".subscribtion-content input.checkbox") 
    var cnt = $(".subscribtion-content input.checkbox:checked").length; 
    if (cnt == maxAllowed) { 
     checkBox.not(':checked').prop('disabled', true); 
    } else { 
     checkBox.not(':checked').prop('disabled', false); 
    } 

    $(".rcount").html(cnt); 
    }).change(); // <--- this is all you need to add 
}); 

演示：https://jsfiddle.net/ate9a04u/6/