Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery change keyup()和文本框中的输出求和_Jquery_Sum_Onkeyup - Fatal编程技术网

jQuery change keyup()和文本框中的输出求和

jQuery change keyup()和文本框中的输出求和,jquery,sum,onkeyup,Jquery,Sum,Onkeyup,我有以下jQuery代码用于查找所有表行的总和,现在它在keyup上查找总和。我想这笔钱已经算过了。我希望有一个隐藏字段,比如输入值,这样就可以自动计算总和 现在有了一个输入,用户写了一些数字,然后他得到了和,我试图自动得到和。这是工作,但我需要在文本框中打印输出。。。。对于此代码 <table> <tr> <td width="40px">1</td> <td>Number</td>

我有以下jQuery代码用于查找所有表行的总和,现在它在keyup上查找总和。我想这笔钱已经算过了。我希望有一个隐藏字段,比如输入值,这样就可以自动计算总和

现在有了一个输入,用户写了一些数字,然后他得到了和,我试图自动得到和。这是工作,但我需要在文本框中打印输出。。。。对于此代码

<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文件以使其正常工作我正在处理学生成绩单,其中我遇到了一些其他问题,我一次填写了多个学生成绩单,在一个学生成绩单中,计算工作非常好,但在第二个学生案例不起作用请记住,我对第二个学生使用了相同的字段。。。。。