2011-04-26 75 views
0

我已经使用javascript.now动态添加了行我必须对文本框中的值进行求和。如果我单击添加按钮同一行将被添加。现在我有一个固定的textbox.if我在它应该增加并获得显示在固定文本框中的文本框中输入值,我keypress.how可以做到这一点与JavaScript或jQuery的使用javascript计算文本框的值

这里是我的HTML和jQuery脚本ADDD行

输入ID = “name”type =“text” input id =“add”type =“button”value =“+” input id =“Button1”type =“button”onclick =“removeRowFromTable();”值= “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; 
    }); 
}); 

功能removeRowFromTable() { 变种TBL =的document.getElementById( 'MYTABLE'); var lastRow = tbl.rows.length; if(lastRow> 2)tbl.deleteRow(lastRow - 1); }

+0

你尝试过什么吗?你应该有... – 2011-04-26 14:17:28

回答

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()); 
}); 
0

只要你要添加的行可预测的命名方案,您只需遍历控制,发现文本框,并确保该名适合您的方案。由于这是一个“添加数字”功能,因此您还需要附加一个功能,该功能不允许在框中输入数字,否则您将错误输出。

如果命名不可预测,并且/或者您只使用数字文本框,则可以通过查找所有属于文本框的控件来简化。