jQuery change keyup()和文本框中的输出求和
我有以下jQuery代码用于查找所有表行的总和,现在它在keyup上查找总和。我想这笔钱已经算过了。我希望有一个隐藏字段,比如输入值,这样就可以自动计算总和 现在有了一个输入,用户写了一些数字,然后他得到了和,我试图自动得到和。这是工作,但我需要在文本框中打印输出。。。。对于此代码jQuery change keyup()和文本框中的输出求和,jquery,sum,onkeyup,Jquery,Sum,Onkeyup,我有以下jQuery代码用于查找所有表行的总和,现在它在keyup上查找总和。我想这笔钱已经算过了。我希望有一个隐藏字段,比如输入值,这样就可以自动计算总和 现在有了一个输入,用户写了一些数字,然后他得到了和,我试图自动得到和。这是工作,但我需要在文本框中打印输出。。。。对于此代码 <table> <tr> <td width="40px">1</td> <td>Number</td>
<table>
<tr>
<td width="40px">1</td>
<td>Number</td>
<td><input class="txt" type="text" name="txt" /></td>
</tr>
<tr>
<td>2</td>
<td>Number</td>
<td><input class="txt" type="text" name="txt" /></td>
</tr>
<tr>
<td>3</td>
<td>Number</td>
<td><input class="txt" type="text" name="txt" /></td>
</tr>
<tr id="summation">
<td colspan ="2" align="right">
Sum :
</td>
<td>
<span id="sum"><input class="txt" type="text" name="txt" />
</td>
</span>
</td>
</tr>
</table>
您可以在此处使用:
$("#sum input").val(sum.toFixed(2));
而不是:
$("#sum").html(sum.toFixed(2));
使用val()在文本框中设置如下值:
$("#sum input").val(sum.toFixed(2));
Html:
<table>
<tr>
<td width="40px">1</td>
<td>Number</td>
<td><input class="txt" type="text" name="txt" /></td>
</tr>
<tr>
<td>2</td>
<td>Number</td>
<td><input class="txt" type="text" name="txt" /></td>
</tr>
<tr>
<td>3</td>
<td>Number</td>
<td><input class="txt" type="text" name="txt" /></td>
</tr>
<tr id="summation">
<td colspan ="2" align="right">
Sum :
</td>
<td>
<input type="text" id='sum1' name="input" />
</td>
</span>
</td>
</tr>
</table>
$(document).ready(function() {
//this calculates values automatically
calculateSum();
$(".txt").on("keydown keyup", function() {
calculateSum();
});
});
function calculateSum() {
var sum = 0;
//iterate through each textboxes and add the values
$(".txt").each(function() {
//add only if the value is number
if (!isNaN(this.value) && this.value.length != 0) {
sum += parseFloat(this.value);
$(this).css("background-color", "#FEFFB0");
}
else if (this.value.length != 0){
$(this).css("background-color", "red");
}
});
$("input#sum1").val(sum.toFixed(2));
}
在calculateSum函数中,最后一行用这一行替换该行,只需我将此文本框用于o/p,然后执行以下操作:$(“#sum input#input”).val(sum.toFixed(2));不客气,在fiddle中,您在页面中使用纯javascript进行操作,请记住包含最新的jquery文件以使其正常工作我正在处理学生成绩单,其中我遇到了一些其他问题,我一次填写了多个学生成绩单,在一个学生成绩单中,计算工作非常好,但在第二个学生案例不起作用请记住,我对第二个学生使用了相同的字段。。。。。