占位符中输入字段的总和

时间:2015-09-07 15:59:05

标签: javascript jquery html

您好我想找到这些输入字段的总和,并将其打印在另一个输入的占位符中。

<input type="text" value="3" name="Value[1][1]">
<input type="text" value="4" name="Value[1][2]">
<input type="text" value="" name="Value[1][3]" placeholder="Sum of previous two">

我想为许多输入执行此操作,例如值[ x ] [ y ], x - &gt;非特定和 y - &gt;具体

2 个答案:

答案 0 :(得分:1)

这适用于您提供的非常具体的示例。也许你可以用它作为例子来帮助你解决问题?

$('[name="Value[1][3]"]').val(
    parseInt($('[name="Value[1][2]"]').val()) + 
    parseInt($('[name="Value[1][1]"]').val())
);

[编辑]哦,你想要迭代X或Y的值。那么,这个例子仍然可以解决你可以将y值更改为选择器中使用的字符串,如下所示:

for(var x = 0; x < 10; x++)
{
    $('[name="Value[' + x + '][3]"]').val(
        parseInt($('[name="Value[' + x + '][2]"]').val()) + 
        parseInt($('[name="Value[' + x + '][1]"]').val())
    );
}

答案 1 :(得分:1)

这是一个可能的解决方案:

a)动态设置for循环中的'i'值,以便获得总数。 b)然后,在最后一个输入元素中设置总数。

var total= 0;
for (var i=1; i<=2; i++)
{
   var data = $('input[name="Value[1]['+i+']"]').val();
   total+=parseInt(data, 10);
}

$('input[name="Value[1][3]"]').val(total);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="3" name="Value[1][1]">
<input type="text" value="4" name="Value[1][2]">
<input type="text" value="" name="Value[1][3]" placeholder="Sum of previous two">