javascript - 选中时从数组中删除值

Question

我想在数组的值被选中时删除它们。

我的 HTML

<ul id="keyWords">
  <li><input id="check" name="check" type="checkbox">thirteen</li>
  <li><input id="check" name="check" type="checkbox">twelve</li>
  <li><input id="check" name="check" type="checkbox">eleven</li>
  <li><input id="check" name="check" type="checkbox">ten</li>
  <li><input id="check" name="check" type="checkbox">nine</li>
  <li><input id="check" name="check" type="checkbox">eight</li>
  <li><input id="check" name="check" type="checkbox">one</li>
</ul>

单击此按钮时，我需要从数组中删除复选标记的值

<button id="clearChecked">Clear Checked Items</button>

这是我尝试使用的 jquery 函数，但它不起作用。 我需要该函数从名为 localArray 的数组中删除选中的框值，并且关键字位于 keyWords

的 ul 中

$('#clearChecked').click(function() {
  var keyWords = $('#keyWords').html();
  if ((index = keyWords.indexOf($(localArray.this).val())) !== -1) {
    localArray.splice(index, 1);
  } else {
    if ($(keyWords.this).is(':checked')) {
      localArray.push($(this).val());
    }
  }
});

Answer 1

不必费心拼接数组，只需创建一个新数组即可:

var newArray = [];
$('#clearChecked').click(function() {
  $('#keyWords > input').each( function (n, obj) {
      if ($(obj).is(':checked')) {
          newArray.push($(obj).val());
      }
  }
});
localArray = newArray;