多个多选框，只清除一个多选框的选中的前端代码

你可以使用 JavaScript 来实现多个多选框的选中和清除。以下是一个例子：

HTML 代码：

<input type="checkbox" name="option1" value="1"> 选项1
<input type="checkbox" name="option2" value="2"> 选项2
<input type="checkbox" name="option3" value="3"> 选项3
<button onclick="clearCheckbox()">清除选中</button>

JavaScript 代码：

function clearCheckbox() {
  var checkboxes = document.getElementsByName("option1");
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = false;
  }
}

在这个例子中，我们使用 `getElementsByName` 方法获取所有名称为 `option1` 的多选框元素，并将它们存储在 `checkboxes` 数组中。然后我们遍历数组，将每个多选框的 `checked` 属性设置为 `false`，从而清除选中状态。

如果你想要清除其他名称的多选框，只需要替换 `getElementsByName` 方法的参数即可。

相关问题

多个多选框列表，只清除一个多选框的选中的前端代码

可以通过监听多选框的点击事件，然后在事件处理函数中判断当前多选框是否选中，如果选中则将其他多选框的选中状态清除。

以下是一个示例代码：

// 获取所有多选框列表
const checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 监听每个多选框的点击事件
checkboxes.forEach((checkbox) => {
  checkbox.addEventListener('click', () => {
    // 判断当前多选框是否选中
    if (checkbox.checked) {
      // 清除其他多选框的选中状态
      checkboxes.forEach((otherCheckbox) => {
        if (otherCheckbox !== checkbox) {
          otherCheckbox.checked = false;
        }
      });
    }
  });
});

这段代码首先获取页面中所有类型为 checkbox 的元素，然后遍历每个多选框，监听其点击事件。在事件处理函数中，首先判断当前多选框是否选中，如果选中则遍历其他多选框，将它们的选中状态清除。需要注意的是，要判断其他多选框是否与当前多选框相同，避免重复清除。

有多个多选框，怎么只清除一个多选框的选中

如果想要清除一个多选框的选中状态，可以使用 JavaScript。具体实现可以通过获取对应多选框的元素，然后将其 checked 属性设置为 false 来实现。

例如，假设我们有三个多选框，分别对应 id 为 checkbox1、checkbox2 和 checkbox3，同时我们想要清除 checkbox2 的选中状态，可以使用以下代码：

document.getElementById("checkbox2").checked = false;

这样就可以清除 checkbox2 的选中状态了，而不影响其他多选框的选中状态。