2

我已经动态生成了文本框，并希望使用 jquery 对其值进行计算。

文本框名称如下：

A[1] , B[1]  - on change event , Alert SUM of values of A[1] and B[1]

A[2] , B[2]  - on change event , Alert SUM of values of A[2] and B[2] 

A[3] , B[3]   - on change event , Alert SUM of values of A[3] and B[3]

.
.
.
.
A[10] , B[10]   - on change event , Alert SUM of values of A[10] and B[10]

如何在 jquery 中为这个任务创建一个函数。请帮助我完成这项任务。

我有这个代码，但它适用于所有文本框 A 和 B ，但我想指定值集，如 A[1] 和 B[1] 的 SUM ， A[2] 和 B[2] 的 SUM ... ……

$("input[type='text'][name^='A'] ,input[type='text'][name^='B']").
keyup(function(){ 

alert(sumThemUp());

});


function sumThemUp(){
var sum = 0;

$("input[type='text'][name^='A'] ,input[type='text'][name^='B']").
each(function(){

sum+= parseInt($(this).val());

});

return sum;

    };

我的 HTML 是：

<input type="text" name="A[1]">
<input type="text" name="B[1]">
<input type="text" name="A[2]">
<input type="text" name="B[2]">
.
.
.
.
.<input type="text" name="A[10]">
<input type="text" name="B[10]">
4

2 回答 2

1

我认为您正在尝试这样的事情：

$('input[type=text]').on('keyup', function() {
    var cur = this.name;
    if(cur.indexOf('A') == 0){
       var target = 'B' + cur.replace('A','');
    } else target = 'A' + cur.replace('B','');
    var targetVal = $('input[name="'+ target +'"]').val();
    var sum = parseInt(this.value) + parseInt(targetVal ? targetVal: 0);
    console.log(sum);
});

工作演示

于 2012-05-18T17:41:42.293 回答
1

这可能是我能想到的最简单的方法。它需要对您的动态 DOM 内容进行轻微修改，但我假设您总是生成 A 和 B，所以这应该不是问题。

HTML：

<span class="calc_group">
    <input type="text" name="A[1]">
    <input type="text" name="B[1]">
</span>
<span class="calc_group">
    <input type="text" name="A[2]">
    <input type="text" name="B[2]">
</span>

jQuery：

注意：每次添加时都需要在动态 DOM 函数中调用它！

function doAttachment(){
     $('.calc_group input').unbind('keyup');

     $('.calc_group input').keyup(function(){
           var sum = 0;
           $(this).parent().children().each(function(){
                sum += parseInt($(this).val());
           });

           alert(sum);
      });
}
于 2012-05-18T18:01:34.410 回答