我有这个HTML表单：
<div>
Amount 1: <input id="amount1" type="text" />
<br>
Amount 2: <input id="amount2" type="text" value="0.00">
<br>
<span id="result"></span>
</div>
而这个Jquery代码：
$("#amount1").keyup(calc);
$("#amount2").keyup(calc);
function calc() {
$('#result').val(
parseInt($('#amount1').val(), 10) + parseInt($("#amount2").val(), 10)
);
}
我想要做的就是当有人在表格中输入数字时，简单地计算并显示amount1 + amount2。请注意，默认情况下，amount1为0.00。
当我运行它时，它什么也不会计算。我在这里做错了什么？
span，div内的信息将作为html而不是值
在javascript中，div，span的数据将为innerHTML
在jQuery中，div，span的数据将是html，append，text等。
使用parseFloat而不是parseInt您正在处理浮点数
$("#amount1").keyup(calc);
$("#amount2").keyup(calc);
function calc() {
$('#result').html(
parseFloat($('#amount1').val(), 10) + parseFloat($("#amount2").val(), 10)
);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
Amount 1: <input id="amount1" type="text" />
<br>
Amount 2: <input id="amount2" type="text" value="0.00">
<br>
<span id="result"></span>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句