Javascript 如何获取多个输入字段的ID,并在一个范围内将它们相加为总和
我有以下几点Javascript 如何获取多个输入字段的ID,并在一个范围内将它们相加为总和,javascript,Javascript,我有以下几点 <input type="text" class="form-control" name="total1" id="total1"> <input type="text" class="form-control" name="total1" id="total2"> 我已经使用javascript获得了这两个值 但我想在下面这样的跨距或p标记中显示结果 <span id="sum">0</span> 0 我尝试了以下操作…但
<input type="text" class="form-control" name="total1" id="total1">
<input type="text" class="form-control" name="total1" id="total2">
我已经使用javascript获得了这两个值
但我想在下面这样的跨距或p标记中显示结果
<span id="sum">0</span>
0
我尝试了以下操作…但我希望它是自动的…这意味着一旦输入字段出现,总计也应该出现
<script type="text/javascript" language="javascript" charset="utf-8">
function output(){
var value1 = document.getElementById('value1').value;
var value2 = document.getElementById('value2').value;
document.getElementById('result').innerHTML = parseInt(value1) + parseInt(value2);
}
function updateTextInput(val) {
document.getElementById('value2').value=val;
}
</script>
函数输出(){
var value1=document.getElementById('value1').value;
var value2=document.getElementById('value2').value;
document.getElementById('result').innerHTML=parseInt(value1)+parseInt(value2);
}
函数updateTextInput(val){
document.getElementById('value2')。value=val;
}
如果要显示结果,只需使用
Javascript:document.getElementById(“sum”).innerText=SumOfTwoValues
Jquery:$(“#sum”).text(SumOfTwoValues)代码>
在分配求和值之前,请确保为求和值添加所需的验证。
函数a()
{
var a1=document.querySelectorAll('input')
设和=0;
对于(设i=0;i首先,您需要某种方法来调用函数输出
现在有一些关于元素id的问题,您有id=“total1”
,但您正试图调用getElementById('value1')
这同样适用于total2
和sum
最后,我会在你的.value
之后添加| | 0
,这样如果输入的1没有被填充,那么它就会被设置为0,这样我们就可以把它作为一个数字
函数输出(){
var value1=document.getElementById('total1')。值| | 0;
var value2=document.getElementById('total2')。值| | 0;
document.getElementById('sum').innerHTML=parseInt(value1)+parseInt(value2);
}
0
在一行Javascript中计算
函数计算(){
document.querySelector(“#sum”).innerHTML=[…document.queryselectoral('input')]。reduce((acc,input)=>acc+Number(input.value),0);
}
请向我们展示您的jquery,然后我们可以更好地指导您当前代码的错误。从我看到的问题是document.getElementById('result'))
正在寻找id为结果的元素
但是你有0
我不认为OP想要得到输入的id,而是更像输入的总值所有选项都起作用…但是我必须像这样手动调用函数…但是我希望能够得到更改函数的答案,或者一旦我输入了som感谢您的帮助…请告诉我如何以货币形式返回。让我现在尝试一下,然后返回。提前感谢您。我如何调用函数输出…我想它不会调用该函数function@EmmanuelIyen-我已将oninput=“output()”添加到我的InputSoniInput=“output()”中的Mediatrees在实时上不起作用…例如,如果你输入2秒,它会给出总数,如果你加3,它会变成23,新结果不会出现…它只会显示旧结果