Javascript jQuery文本框的和

下面是我的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工作正常

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());

});

//总数是最后的总数 //对象s提供对象数组。

请尝试以下方法：

$（'input[name=“qty”]）。更改（函数（）{
变量名称=[]；
$（'.main'）。每个（函数（索引，项）{
var obj={}；
obj.id=$（item.find（'input[name=“id”]）.val（）；
obj.qty=$（item.find（'input[name=“qty”]）.val（）；
名称.推送（obj）
});
console.log（名称）；
});
输入{
宽度：100px；
}

您所说的“我想在一个文本框中包含这样一个脚本”是什么意思？一旦更改数量文本框，我想添加我所获得的内容，您如何计算输出中的
数量和
id
？