使用Javascript从复选框传递值

使用Javascript从复选框传递值,javascript,forms,css-selectors,selectors-api,Javascript,Forms,Css Selectors,Selectors Api,我正在构建一个简单的表单,试图从复选框中传递值 <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=

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

<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>

文本1
文本2
文本3
文本4
…使用此功能:

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);
}
函数计算(){
var sela=document.querySelectorAll(“div.checkboxclass输入”);
resultsel.value=0;
resultsel.value=parseInt(resultsel.value);

对于(i=0;i如果我理解这个问题,您的意思是您只想包括选中项的值。在这种情况下,您应该能够使用
:checked
选择器:

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

我想您希望它只计算选定的复选框

您必须选中复选框选择:

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;
}
函数计算(){
var sela=document.querySelectorAll(“div.checkboxclass输入”);
var合计=0;

对于(i=0;i你所说的“它同时传递所有的值”是什么意思?小事情让我很高兴!非常感谢!@Dom-没问题。如果它回答了你的问题,请将其标记为已接受的答案