使用 Javascript 从复选框传递值答案

【问题标题】：Pass values from checkboxes using Javascript使用 Javascript 从复选框传递值
【发布时间】：2025-12-06 15:45:01
【问题描述】：

我正在构建一个简单的表单，我试图从复选框中传递值...

<div class="checkboxclass">
<input name="form[paperdesign][]" value="150" id="paperdesign0" type="checkbox">
<label for="paperdesign0">text 1</label>
<input name="form[paperdesign][]" value="100" id="paperdesign1" type="checkbox">
<label for="paperdesign1">text 2</label>
<input name="form[paperdesign][]" value="50" id="paperdesign2" type="checkbox">
<label for="paperdesign2">text 3</label>
<input name="form[paperdesign][]" value="50" id="paperdesign3" type="checkbox">
<label for="paperdesign3">text 4</label>
</div>

...使用此功能：

function calculate(){
    var sela=document.querySelectorAll("div.checkboxclass input");
    resultsel.value=0;
    resultsel.value=parseInt(resultsel.value);
    for(i=0;i<sela.length;i++)
        resultsel.value=parseInt(resultsel.value)+parseInt(sela[i].value);
}

除了同时传递所有值之外，它工作正常。

有人能帮我解决这个问题吗？

提前致谢

Dom

【问题讨论】：

“它同时传递所有值”是什么意思？

标签： javascript forms css-selectors selectors-api

【解决方案1】：

如果我理解这个问题，您的意思是您只想包含选中项目的值。在这种情况下，您应该可以使用:checked 选择器：

var sela=document.querySelectorAll("div.checkboxclass input:checked");

【讨论】：

小事让我很开心！非常感谢！
@Dom - 没问题。如果它回答了您的问题，请将其标记为已接受的答案

【解决方案2】：

我想你希望它只计算选中的复选框。

您必须检查复选框选择：

function calculate(){
    var sela=document.querySelectorAll("div.checkboxclass input");
    var total = 0;
    for(i=0;i<sela.length;i++) {
        if(sela[i].checked)
            total += parseInt(sela[i].value);
    }
    resultsel.value = total;
}

【讨论】：