如何通过选中复选框删除javascript中的数组对象

Question

我有两个输入类型复选框：<input type="checkbox" value="5da1dc651d011c56ef1cb3db_693715" onchange="handleChange(this)"><input type="checkbox" value="6da1dc651d011c56ef1cb3db_837154" onchange="handleChange(this)">我想在检查时创建一个输入值数组，当检查为 false 时，将删除具有该值的对象，但不会删除它    var Array = [];     var obj = {};    function handleChange(elem) {    var check = $(elem).prop("checked");    if (check == true) {        obj["obj"] = $(elem).val();        optionalservices.push(obj)      } else if (check == false) {        optionalservices = optionalservices.filter(function (item) {            return item.obj !== $(elem).val();        })     }    }

Answer 1

你可以做这样的事情：-

let selectedValuesArr = [];

function handleChange(event) {

    const isChecked = event.target.checked;

    if(isChecked) {

        selectedValuesArr.push(event.target.value);

    } else {

        selectedValuesArr.splice(selectedValuesArr.indexOf(event.target.value), 1);

    }

}

Answer 2

您.map()只能在选中的复选框上使用.get()

function handleChange() {

  var check = $(':checked').map((i, c) => ({sid: c.value})).get();

  console.log(check);

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="checkbox" value="5da1dc651d011c56ef1cb3db_693715" onchange="handleChange()">

<input type="checkbox" value="6da1dc651d011c56ef1cb3db_837154" onchange="handleChange()">

Answer 3

你也可以通过更多的优化来做到这一点

let selectedValuesArr = [];

function handleChange(elem) {

  elem.checked ? selectedValuesArr.push(elem.value) : selectedValuesArr.splice(selectedValuesArr.indexOf(elem.value), 1);

}