Question

我已经使用javascript.now动态添加行我必须在文本框中对值进行求和。如果我单击添加按钮，将添加相同的行。现在我有一个固定的文本框。如果我在文本框中输入值它应该添加并显示在keypress上的固定文本框中。我可以使用javascript或jquery吗？

这是我的html和jquery脚本添加行

输入id =“name”type =“text” input id =“add”type =“button”value =“+” input id =“Button1”type =“button”onclick =“removeRowFromTable（）;” value =“x”

我使用jquery动态添加行，使用javascript删除行

$(document).ready(function() 
{
$("#add").click(function() {
$('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');

$('#mytable tbody>tr:last #name').val('');
$("#mytable tbody>tr:last").each(function() {this.reset();});      
return false;
return false;
    });
});

function removeRowFromTable（） { var tbl = document.getElementById（'mytable'）; var lastRow = tbl.rows.length; if（lastRow＆gt; 2）tbl.deleteRow（lastRow - 1）; }

Answer 1

这是我使用jQuery编写的快速插件。

$.fn.sum = function(settings) {

    settings = jQuery.extend({
        name: "sum",
        global: true
    }, settings);

    var total = 0.0;
    this.each(function() {
        var item = parseFloat($(this).val());
        if (isNaN(item)) item = 0;

        total += item;
    });
    return total;
};

然后连接添加按钮

$('.add').click(function() {
     $('.total').html($('.rowTotal').sum());
});

Answer 2

如果要添加具有可预测命名方案的行，只需遍历控件，找到文本框并确保名称适合您的方案。由于这是一个“添加数字”功能，您还需要附加一个除了框中的数字之外不允许任何其他功能的功能，否则您将会出错。

如果命名不可预测，和/或您只使用文本框作为数字，则可以通过查找所有文本框控件来简化。

使用javascript计算文本框值

2 个答案: