jQuery文本框的总和

时间:2017-12-05 04:43:18

标签: javascript jquery html

以下是我的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中工作的更新代码工作正常

2 个答案:

答案 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给出了对象数组。