以下是我的HTML
我想要一个像这样的剧本 在一个文本框中,我想添加所有金额总计并显示它 在另一个文本框中,我希望它像这样
"name": [{
"id": 3,
"qty": 2
}, {
"id": 4,
"qty": 5
}]
我的更新问题
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
<input type="text" name="name">
<input type="text" name="id">
<input type="text" name="qty">
<input type="text" name="amount">
</div>
<div class="main">
<input type="text" name="name">
<input type="text" name="id">
<input type="text" name="qty">
<input type="text" name="amount">
</div>
<div class="main">
<input type="text" name="name">
<input type="text" name="id">
<input type="text" name="qty">
<input type="text" name="amount">
</div>
<button>Click Me!!!</button>
我在这个js核心js中工作的更新代码工作正常
答案 0 :(得分:1)
尝试以下方式:
$('input[name="qty"]').change(function(){
var name = [];
$('.main').each(function(index,item){
var obj={};
obj.id = $(item).find('input[name="id"]').val();
obj.qty = $(item).find('input[name="qty"]').val();
name.push(obj)
});
console.log(name);
});
input{
width:100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
<input type="text" name="name">
<input type="text" name="id">
<input type="text" name="qty">
<input type="text" name="amount">
</div>
<div class="main">
<input type="text" name="name">
<input type="text" name="id">
<input type="text" name="qty">
<input type="text" name="amount">
</div>
<div class="main">
<input type="text" name="name">
<input type="text" name="id">
<input type="text" name="qty">
<input type="text" name="amount">
</div>
答案 1 :(得分:0)
var s = { 'name' : [] };
var total = 0;
$(".main").each(function(){
s['name'].push({ 'id': $(this).find("input[name='id'"]).val(),'qty': $(this).find("input[name='qty'"]).val()});
total = total + parseFloat($(this).find("input[name='total'"]).val());
});
// total给出最终总和 // object s给出了对象数组。