Jquery 如何将值从范围移动到输入?
我从中得到了一个脚本,我想知道是否可以将所有输入的总数输入到Jquery 如何将值从范围移动到输入?,jquery,html,input,Jquery,Html,Input,我从中得到了一个脚本,我想知道是否可以将所有输入的总数输入到而不是 我试过,但由于某些原因它不起作用。 顺便说一下,我不是一个jquery的人。所以你们能给我一个解决方案吗 下面是一个脚本: $(document).ready(function(){ //iterate through each textboxes and add keyup //handler to trigger sum event $(".txt").each(function() {
而不是
我试过
,但由于某些原因它不起作用。
顺便说一下,我不是一个jquery的人。所以你们能给我一个解决方案吗
下面是一个脚本:
$(document).ready(function(){
//iterate through each textboxes and add keyup
//handler to trigger sum event
$(".txt").each(function() {
$(this).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);
}
});
//.toFixed() method will roundoff the final sum to 2 decimal places
$("#sum").html(sum.toFixed(2));
}
HTML
<table width="300px" border="1" style="border-collapse:collapse;background-color:#E8DCFF">
<tr>
<td width="40px">1</td>
<td>Butter</td>
<td><input class="txt" type="text" name="cost"/></td>
</tr>
<tr>
<td>2</td>
<td>Cheese</td>
<td><input class="txt" type="text" name="cost"/></td>
</tr>
<tr>
<td>3</td>
<td>Eggs</td>
<td><input class="txt" type="text" name="cost"/></td>
</tr>
<tr>
<td>4</td>
<td>Milk</td>
<td><input class="txt" type="text" name="cost"/></td>
</tr>
<tr>
<td>5</td>
<td>Bread</td>
<td><input class="txt" type="text" name="cost"/></td>
</tr>
<tr>
<td>6</td>
<td>Soap</td>
<td><input class="txt" type="text" name="cost"/></td>
</tr>
<tr id="summation">
<td> </td>
<td align="right">Sum :</td>
<td align="center"><span id="sum">0</span></td>
</tr>
</table>
1.
黄油
2.
奶酪
3.
鸡蛋
4.
牛奶
5.
面包
6.
香皂
总数:
0
关于,改变
<span id="sum">0</span>
到
<input id="sum" value="0" />
$("#sum").html(sum.toFixed(2));
$("#sum").val(sum.toFixed(2));