Javascript 获取跨度元素的值并将其输出

好的，我对你们花时间回答这个问题印象深刻，非常感谢你们，我没想到。希望与你同在

为了解释我的问题，我使用了你们所有人都有的小提琴工具。这是我的代码：

<pre>
<input id=primaryB type="text" value="100"></input><input id=primaryA type="text" value="100"></input><span id=primary></span><br />
<input id=spouseB type="text" value="100"></input><input id=spouseA type="text" value="100"></input><span id=spouse></span><br />

Budget: <span id=budget></span> <br />
Actual: <span id=actual></span><br />

</pre>

在此处输入代码

---

-我需要的是汇总在Span中计算的值：budgetI+actual

将您的代码修改为：Use.text（）来填充Span并为您的输入分配一些值…（因为您使用了jQuery）

HTML代码

---

在插入之后，收听更改事件以求和

---

您需要创建一个触发器来填充

s，也可以使用

text（）

来代替

html（）

下面是一个例子（可能是一个不好的例子，但这是一个很好的开始）：

功能：

---

差异跨度在哪里？你应该在

id

周围加引号，就像

顺便说一句，你什么时候/如何执行这个脚本？非常感谢你，@Hardik，但我想这不是我想要的-这里有一个小把戏来澄清问题：-我需要的是总结在跨度中计算的值：budgetI+Reality

var primaryBValue = parseFloat($('#primaryB').val()); 
var primaryAValue = parseFloat($('#primaryA').val()); 
$('#primary').html(primaryBValue + primaryAValue);  

var spouseBValue = parseFloat($('#spouseB').val()); 
var spouseAValue = parseFloat($('#spouseA').val()); 
$('#spouse').html(spouseBValue + spouseAValue); 

$('#budget').text(primaryBValue + spouseBValue);
$('#actual').text(primaryAValue + spouseAValue);

$('#primaryB,#primaryA,#spouseB,#spouseA').change(calc);

function calc() {       
                var primaryBValue = parseFloat($('#primaryB').val()); 
                var primaryAValue = parseFloat($('#primaryA').val()); 
                $('#primary').html(primaryBValue + primaryAValue);  

                var spouseBValue = parseFloat($('#spouseB').val()); 
                var spouseAValue = parseFloat($('#spouseA').val()); 
                $('#spouse').html(spouseBValue + spouseAValue); 

                $('#budget').html(primaryBValue + spouseBValue);
                $('#actual').html(primaryAValue + spouseAValue) ;
}

$('input').keyup(function(e){
    var spouseBValue = parseFloat($('#spouseB').val()); 
    var spouseAValue = parseFloat($('#spouseA').val()); 
    var primaryBValue = parseFloat($('#primaryB').val()); 
    var primaryAValue = parseFloat($('#primaryA').val());
    $('#spouse').text(spouseBValue - (-spouseAValue)); 
    $('#primary').text(primaryBValue - (-primaryAValue));
    $('#budget').text(primaryBValue - (-spouseBValue));
    $('#actual').text(primaryAValue - (-spouseAValue));
});