使用复选框切换求和div

<input type="checkbox" value="1">1
<input type="checkbox" value="2">2
<input type="checkbox" value="3">3
<div id="sum">求和结果：</div>

// 获取复选框元素和求和结果的div元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var sumDiv = document.getElementById('sum');

// 监听复选框的状态变化
checkboxes.forEach(function(checkbox) {
    checkbox.addEventListener('change', function() {
        // 计算求和结果
        var sum = 0;
        checkboxes.forEach(function(checkbox) {
            if (checkbox.checked) {
                sum += parseInt(checkbox.value);
            }
        });
        
        // 更新求和结果的显示
        sumDiv.textContent = '求和结果：' + sum;
    });
});