取消选中复选框后从数组中删除对象

// 假设有一个包含对象的数组
var objectsArray = [
  { id: 1, name: 'Object 1' },
  { id: 2, name: 'Object 2' },
  { id: 3, name: 'Object 3' }
];

// 监听复选框的取消选中事件
function handleCheckboxChange(event) {
  var checkboxValue = event.target.value; // 获取取消选中的复选框的值

  // 遍历数组，查找与复选框值匹配的对象
  for (var i = 0; i < objectsArray.length; i++) {
    if (objectsArray[i].id === checkboxValue) {
      // 从数组中删除匹配的对象
      objectsArray.splice(i, 1);
      break;
    }
  }

  // 更新界面或执行其他操作
  // ...
}

// 示例HTML代码
<input type="checkbox" value="1" onchange="handleCheckboxChange(event)">
<input type="checkbox" value="2" onchange="handleCheckboxChange(event)">
<input type="checkbox" value="3" onchange="handleCheckboxChange(event)">