作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何使用属性 name="data[]"添加值并将结果放入属性 name="total_data"
的输入?
在数据1、数据2等中键入输入时,结果将显示在总数据中并附加。如果我在数据 1 中键入值 1,在数据 2 中键入值 3,则总数据将显示值 4。该怎么做?
<input name="data[]" type="number" class="input-data" value="" placeholder="data 1" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 2" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 3" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 4" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 5" /><br><br>
<input name="total_data" type="number" class="input-data" value="" placeholder="Total Data" />
最佳答案
你可以像下面那样做:-
$('input[name="data[]"]').change(function(){
var total = 0;
$('input[name="data[]"]').each(function(){
if($(this).val() !==''){
total +=parseInt($(this).val());
}
});
$('input[name="total_data"]').val(total);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 1" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 2" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 3" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 4" /><br><br>
<input name="data[]" type="number" class="input-data" value="" placeholder="data 5" /><br><br>
<input name="total_data" type="number" class="input-data" value="" placeholder="Total Data" />
注意:- 您也可以使用 keyup()
代替 change()
。
关于javascript - 如何在jquery中添加多个值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43198357/
我是一名优秀的程序员,十分优秀!