檢查頁面加載使用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/