Javascript 将文本put值与复选框值之和相乘，并将其显示在段落上_Javascript_Jquery_Html

Javascript 将文本put值与复选框值之和相乘，并将其显示在段落上

javascript jquery html

Javascript 将文本put值与复选框值之和相乘，并将其显示在段落上,javascript,jquery,html,Javascript,Jquery,Html,我试图将输入的文本输入值与单击的复选框值之和相乘。到目前为止，当您单击复选框时，其平均值的总和将立即显示在span emelement上，id=Totalcost。如何将选中复选框的总和与文本输入字段中输入的值相乘 var合计=0； inputBox.onkeyup=函数{ document.getElementById'Totalcost'.innerHTML=inputBox.value； } 功能测试{ var inputBox=document.getElementById'chati

我试图将输入的文本输入值与单击的复选框值之和相乘。到目前为止，当您单击复选框时，其平均值的总和将立即显示在span emelement上，id=Totalcost。如何将选中复选框的总和与文本输入字段中输入的值相乘

var合计=0； inputBox.onkeyup=函数{ document.getElementById'Totalcost'.innerHTML=inputBox.value； } 功能测试{ var inputBox=document.getElementById'chatinput'；我检查过了{ 总计+=parseIntitem.value； }否则{ 总计-=parseIntitem.value； } //总数； document.getElementById'Totalcost'.innerHTML=total； }

10 20 40 60 总金额：

如果我理解正确的话，像这样的事情可能会奏效

单击复选框时，它将计算所有复选框的总数，将其与用户输入相乘，然后输出

// When a checkbox is clicked
$('#container input[type=checkbox]').click(function() {
    // Get user input and set initial variable for the total
    inputBox = parseInt($('#chatinput').val());
    totalCheckbox = 0;
    // itterate through each checkbox
    // If it's checked, add the current value to total
    $('#container input[type=checkbox]').each(function() {
        if($(this).prop('checked'))
        {
            thisValue = parseInt($(this).val());
            totalCheckbox = totalCheckbox + thisValue;
        }
    });
    // Output the total checkbox value multipled against user input
    $('#Totalcost').html(total * inputBox);    
});

功能测试{ 变量操作数1=parseFloat$'chatinput'.val；变量2=0； var结果； $“输入：已选中”。每个函数{ 操作数2+=parseInt$this.val，10 }; //操作数1可以是NaN //你需要决定在那种情况下该怎么办结果=操作数1*操作数2； $'Totalcost'.htmlresult； }

10 20 40 60 总金额：

我正在尝试将输入的文本输入值与复选框值相乘，并将单击的总数相加

<html>
<input class="selectproduct" type="checkbox" name="item0" value="5" />First(5)
<input id="a" type="text" name="qty0" />
 <br/>
<input class="selectproduct" type="checkbox" name="item1" value="7" />Second(7)
 <input id="a" type="text" name="qty1" />
 <br/>
 <input class="selectproduct" type="checkbox" name="item2" value="10" />Third(10)
 <br/>
<input class="selectproduct" type="checkbox" name="item2" value="8"  />Fourth(8)
<br/> Total Price: $<span id="price" class="price">0</span>

<script>
var checkbox = document.getElementsByClassName('selectproduct'),
price = document.getElementById('price');

for (var i=0; i < checkbox.length; i++) {
    checkbox[i].onchange = function() {
        var inputBox = document.getElementById('a');
        var add = this.value * (this.checked ? 1 : -1);
        total = add*parseInt(this.value);

        price.innerHTML = parseFloat(price.innerHTML)+total
    }
}
</script>
</html>

那么，您是否希望用户在“chatinput”中输入一个数字，然后将该数字乘以选中的复选框的总值？是的，这正是我想要的。谢谢……它非常有用……如果您需要，下面是JQuery版本的代码。