使用Javascript在数组中存储键和值

Question

我有一个jsp页面，在该页面上动态生成表，并且在该页面上具有复选框，当您单击该框时，它应该保存在数组中，而当取消选中该框时，它应该从数组中删除值。

我已经尝试过通过创建一种方法来尝试此方法，但是它无法正常运行，请您帮我一下。

function addCheckboxVAlues(checked){
    var split = checked.value.split("|");
    var key =split[0];
    var value=split[1];
    var chks = $("input[name='"+key+"']:checked");
      if (chks.length > 0)  {
         uninvoiced.push(value);
      } else {
         uninvoiced.pop(key);
      }
      console.log(uninvoiced);
}

Answer 1

您需要使用splice从数组中删除元素

function addCheckboxVAlues(checked){
    var split = checked.value.split("|");
    var key =split[0];
    var value=split[1];
    var chks = $("input[name='"+key+"']:checked");
    var index = uninvoiced.indexOf(key);
      if (chks.length > 0)  {
         uninvoiced.push(value);
      } else if(index > -1){
         uninvoiced.splice(index, 1);
      }
      console.log(uninvoiced);
}

Answer 2

这段代码看起来比需要的复杂得多。 大概复选框上有一个单击侦听器，因此应使用复选框this来调用它 。 您所要做的就是如果选中此复选框，则添加该值；如果未选中此复选框，则将其删除。

这将比每次运行一个选中的选择器都高效得多。

为了方便起见，以下使用内联侦听器，就像您是在动态附加它们一样，但它的调用方式似乎相同。

 var uninvoiced = []; function addCheckbox(el) { var value = el.value.split('|')[1]; if (el.checked) { uninvoiced.push(value); } else { uninvoiced.splice(uninvoiced.indexOf(value), 1); } console.log(uninvoiced); } 

 foo|bar: <input type="checkbox" value="foo|bar" onclick="addCheckbox(this)"> fee|fum: <input type="checkbox" value="fee|fum" onclick="addCheckbox(this)"> 

在MDN上有一个针对indexOf的polyfill 。