Javascript - 每个中 undefined variable

Question

你好，我正在尝试将选中的复选框保存到数组或对象数据，但它仍然返回错误。我不知道为什么，因为我在each之前定义了一个变量。

我的代码在这里:

$( ".drinks input" ).change(function() {
  var others = [{}];
  $('.drinks input:checked').each(function (i) {
       others[i]['id'] = $(this).val();
       others[i].quantity = 1;
  });
  console.log(others);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="drinks">
<input type="checkbox" value="1">
<input type="checkbox" value="2">
<input type="checkbox" value="3">
</div>

你能帮我看看我怎样才能正确定义一个数组吗？非常感谢。

Answer 1

您需要创建对象，然后设置其属性

others[i] = {}

$(".drinks input").change(function() {
  var others = [];
  $('.drinks input:checked').each(function(i) {
    others[i] = others[i] || {}
    others[i]['id'] = $(this).val();
    others[i].quantity = 1;
  });
  console.log(others);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="drinks">
  <input type="checkbox" value="1">
  <input type="checkbox" value="2">
  <input type="checkbox" value="3">
</div>

<小时/>

您还可以使用.map()

$(".drinks input").change(function() {
  var others = $('.drinks input:checked').map(function(i) {
    return {
      'id': $(this).val(),
      quantity: 1
    }
  }).get();
  console.log(others);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="drinks">
  <input type="checkbox" value="1">
  <input type="checkbox" value="2">
  <input type="checkbox" value="3">
</div>