HTML复选框选中/取消选中返回值问题及新解决方案咨询

你当前的问题根源在于：复选框的value属性是固定预设值，不管是否选中都会返回这个值，所以你用document.getElementById('10101').value永远拿到的是"true"。要获取选中状态，应该用复选框的checked属性，它会直接返回布尔值（选中为true，未选中为false）。

下面给你两种可行的解决方案：

方案1：在函数中直接获取checked状态 #

不需要修改HTML，只需要调整update_C函数的逻辑：

function update_C(id, num) {
  const checkbox = document.getElementById(id);
  const isChecked = checkbox.checked; // 这里直接拿到布尔值
  // 后续用isChecked做你需要的操作即可
  console.log(isChecked); // 测试用，可删除
}

方案2：在事件中直接传递选中状态 #

如果想简化函数内的DOM查询，可以在onchange事件里直接把this.checked作为参数传递：
修改后的HTML：

<input type="checkbox" id="10101" name="10101" onchange="update_C('10101', 40, this.checked)" value="true">

对应的函数：

function update_C(id, num, isChecked) {
  // 直接使用传入的isChecked布尔值
  console.log(isChecked); // 测试用，可删除
}

另外补充一点：HTML里的value="true"其实在这里可以去掉，因为我们已经通过checked属性获取状态了，留着也不会影响功能，但如果不需要表单提交时传这个值，删掉更简洁。

内容的提问来源于stack exchange，提问作者marco