javascript - 如何将选中的复选框值推送到数组中？

Question

我想将选中的复选框值推送到一个数组中，但我遇到了一些问题，因为每次我尝试将它添加到数组中时它都保持为空，我可能做错了什么但无法弄清楚什么。

http://jsfiddle.net/fx7su2rp/689/

HTML :

<input name="checkbox" value="1" type="checkbox" />
<input name="checkbox" value="2" type="checkbox" />
<input name="checkbox" value="3" type="checkbox" />
<input name="checkbox" value="4" type="checkbox" />
<button id="button" type="button">button</button>

Jquery :

$(document).ready(function () {

  var tmp = [];

  $("input").each(function() {
    if ($(this).is(':checked')) {
      var checked = ($(this).val());
      tmp.push(checked);
    }
  });

  $('#button').on('click', function () {
        alert(tmp);
  });

});

我做错了什么？

Answer 1

您没有调用复选框 change事件。使用这个:

$("input[name='checkbox']").change(function() {
  var checked = $(this).val();
  if ($(this).is(':checked')) {
    tmp.push(checked);
  } else {
    tmp.splice($.inArray(checked, tmp),1);
  }
});

http://jsfiddle.net/fx7su2rp/694/