Javascript 使用jQuery检查页面加载上已检查输入的数量

我有一个JS，当选择一定数量的项目时，将禁用其他选项，而选择这些项目时，将更新计数，这非常有效！我正在将这些添加到购物车中，在购物车中我可以进行编辑，因此当我单击“编辑”时，它会返回到产品页面，我选择了客户在添加到购物车时选择的选项，但我的计数显示为0（共3个），其他选项未被禁用

我知道我需要在页面上进行each/foreach加载，以检查是否选中了任何复选框，如果选中，并在限制下禁用其他复选框等，但这花了我一段时间。我想得到一些帮助，把它放到小提琴里。我如何检查这些货物

原版小提琴：

JS:

我想您是说，您不仅希望在单击复选框时运行

.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
});

$（文档）.ready（函数（）{
var最大允许值=3；
$（“.rmax”）.html（maxAllowed）；
$（“.subscribtion内容输入.checkbox”）.change（函数（）{
var checkBox=$（“.subscribtion内容输入.checkBox”）
var cnt=$（“.subscribtion内容输入。复选框：选中”）.length；
如果（cnt==maxAllowed）{
复选框.not（'：checked'）.prop（'disabled'，true）；
}否则{
复选框.not（'：checked'）.prop（'disabled'，false）；
}
$（“.rcount”）.html（cnt）；
}).change（）；//我想您是说您希望执行与
.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
});

$（文档）.ready（函数（）{
var最大允许值=3；
$（“.rmax”）.html（maxAllowed）；
$（“.subscribtion内容输入.checkbox”）.change（函数（）{
var checkBox=$（“.subscribtion内容输入.checkBox”）
var cnt=$（“.subscribtion内容输入。复选框：选中”）.length；
如果（cnt==maxAllowed）{
复选框.not（'：checked'）.prop（'disabled'，true）；
}否则{
复选框.not（'：checked'）.prop（'disabled'，false）；
}
$（“.rcount”）.html（cnt）；
}).change（）；//在此处添加了一个已选中的复选框：-3个复选框中的1个只需要更新计数值，并选择了3个默认值，因此应该说是3个复选框中的3个，并禁用其他复选框，直到取消选择一个。感谢高级朋友！！在此处添加了一个已选中的复选框：-3个复选框中的1个只需要更新计数值，并选择了3个默认值，所以sho我会说3个循环中的3个，并禁用其他循环直到取消选择一个。感谢高级的家伙！！哇，这太简单了！我刚开始写一个each循环，而且……甚至不需要这样做！谢谢伙计！我还记得那一个：）不客气。请注意，您可以在不丢失任何可读性的情况下将函数缩短一点-以下版本避免重复该
“.subscribtion content input.checkbox”
选择器，省去了if/else:哇，这太简单了！我刚开始编写一个each循环，而且……甚至不需要这样做！谢谢你，伙计！我记得那一个：）不客气。注意，你可以在不损失任何可读性的情况下将函数缩短一点-下面的版本避免了重复
“.subscribtion content input.checkbox”
选择器，不使用if/else：