2011-04-26 70 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

只要你要添加的行可預測的命名方案,您只需遍歷控制,發現文本框,並確保該名適合您的方案。由於這是一個「添加數字」功能,因此您還需要附加一個功能,該功能不允許在框中輸入數字,否則您將錯誤輸出。

如果命名不可預測,並且/或者您只使用數字文本框,則可以通過查找所有屬於文本框的控件來簡化。