修复带复选框的Select All按钮：点击即触发结果计算

问题根源 #

当前的checkAll函数仅完成了勾选所有复选框的操作，但没有触发结果计算逻辑，因此点击后必须再操作其他控件才会更新计算结果。另外，使用setAttribute('checked', true)设置复选框状态的方式存在兼容性隐患，并非标准的DOM操作方式。

解决方案 #

修改checkAll函数，做两处关键调整：

• 改用.checked = true直接设置复选框选中状态，这是更可靠的DOM操作方法
• 在完成所有复选框勾选后，调用calculateTotal()函数触发结果计算

修改后的完整checkAll函数代码 #

function checkAll() {
     var checkboxes = document.getElementsByTagName('input');    
     for (var i = 0; i < checkboxes.length; i++) {
         if (checkboxes[i].type == 'checkbox') {
             checkboxes[i].checked = true; // 替换原setAttribute方式
         }
     }
     calculateTotal(); // 新增：触发计算并更新页面结果
 }

效果验证 #

修改完成后，点击“Select All”按钮时，会自动选中所有回收类复选框，同时立刻计算并更新页面上的CO₂总排放量，无需再额外操作其他控件。

内容的提问来源于stack exchange，提问作者DuDu