要计算多个面板中选中的复选框的数量,并使用jQuery/JavaScript在正确的面板中显示相关数量,可以按照以下步骤进行:
function calculateCheckboxCount(panelId) {
var panel = $("#" + panelId); // 根据面板的标识符获取面板元素
var checkboxes = panel.find(".checkbox"); // 查找面板中的复选框元素
var count = 0;
checkboxes.each(function() {
if($(this).is(":checked")) {
count++;
}
});
return count;
}
$(document).ready(function() {
var panel1CheckboxCount = calculateCheckboxCount("panel-1");
var panel2CheckboxCount = calculateCheckboxCount("panel-2");
$("#panel-1-count").text(panel1CheckboxCount); // 在面板1中显示选中的复选框数量
$("#panel-2-count").text(panel2CheckboxCount); // 在面板2中显示选中的复选框数量
});
注意:上述代码中的 "#panel-1-count" 和 "#panel-2-count" 是用于显示数量的HTML元素的ID。你可以根据实际情况修改这些ID或使用其他方式来更新面板中的数量显示。
这样,当页面加载完成时,相关面板中选中的复选框数量就会被计算并正确显示。
领取专属 10元无门槛券
手把手带您无忧上云