javascript - 如何在取消选中后获取所有选中的复选框

Question

让我们从头开始......我的表格中有复选框，它们具有唯一的值。

例如:

<input type="checkbox" value="2">
<input type="checkbox" value="3">

我想要一个数组，它将添加和删除列表中的所有复选框，具体取决于用户是否选中或取消选中它们(仅单击事件)，因为在某些时候我正在重置所有复选框，并且我只希望在用户点击时保存值。

到目前为止我已经尝试过了，但我的代码没有执行我需要的操作，因为当用户检查和取消选中两次或两次以上时，这会给我一个双值...

var selected = new Array();
$('tr td input:checked').each(function() {
    selected.push($(this).attr('value'));
    console.log(selected);
});

我需要使用更改事件来跟踪用户行为吗？

Answer 1

您必须在复选框的选中更改上更新数组，将公共(public)类分配给复选框以使选择简单且有选择性。

HTML

<input type="checkbox" value="2" class="chk" />
<input type="checkbox" value="3" class="chk" />

Javascript

var selected;
$('.chk').change(function(){
   selected = new Array();
   $('tr td input:checked').each(function() {
      selected.push($(this).attr('value'));
      console.log(selected);
});