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>&nbsp;</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));