Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取多个输入字段的ID,并在一个范围内将它们相加为总和_Javascript - Fatal编程技术网

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,新结果不会出现…它只会显示旧结果