取消选中复选框不会从arraylist中删除id

// HTML代码
<input type="checkbox" id="checkbox1" value="1" onchange="handleCheckboxChange(1)">
<input type="checkbox" id="checkbox2" value="2" onchange="handleCheckboxChange(2)">
<input type="checkbox" id="checkbox3" value="3" onchange="handleCheckboxChange(3)">

// JavaScript代码
let selectedIds = []; // 用于存储选中的id

function handleCheckboxChange(id) {
  const checkbox = document.getElementById(`checkbox${id}`);
  if (checkbox.checked) {
    selectedIds.push(id); // 选中时将id添加到数组中
  } else {
    const index = selectedIds.indexOf(id);
    if (index !== -1) {
      selectedIds.splice(index, 1); // 取消选中时从数组中删除id
    }
  }
}

// Java代码
import java.util.ArrayList;
import java.util.List;

// 假设已有一个ArrayList存储选中的id
List<Integer> selectedIds = new ArrayList<>();

// 处理取消选中复选框的方法
public void handleCheckboxChange(int id, boolean checked) {
  if (checked) {
    selectedIds.add(id); // 选中时将id添加到ArrayList中
  } else {
    selectedIds.remove(Integer.valueOf(id)); // 取消选中时从ArrayList中删除id
  }
}

-- 假设已有一个名为selected_ids的表存储选中的id
CREATE TABLE selected_ids (
  id INT PRIMARY KEY
);

-- 处理取消选中复选框的SQL语句
INSERT INTO selected_ids (id) VALUES (1), (2), (3); -- 初始化选中的id

-- 当取消选中复选框时，从表中删除相应的id
DELETE FROM selected_ids WHERE id = 2;