取消选中基于 id js 的复选框 - Javascript

本文将介绍如何使用JavaScript取消选中具有特定id的复选框。

HTML代码

我们首先需要一些HTML代码，以创建一个复选框并指定一个id。这可以通过以下方式完成：

<input type="checkbox" id="myCheckbox" checked> My Checkbox

取消选中复选框

我们可以通过JavaScript的checked属性来取消选中复选框。以下是一个函数，该函数将取消选中具有特定id的复选框：

function uncheckCheckboxById(checkboxId) {
  var checkbox = document.getElementById(checkboxId);
  if (checkbox.checked) {
    checkbox.checked = false;
  }
}

这个函数首先使用document.getElementById()来获取具有特定id的复选框。然后它检查复选框的当前状态（是否选中）并将checked属性设置为false以取消选中。

示例

我们可以将该函数应用于我们之前创建的复选框：

// 取消选中具有id“myCheckbox”的复选框
uncheckCheckboxById("myCheckbox");

总结

恭喜！现在你知道如何使用JavaScript取消选中具有特定id的复选框。务必确保正确获取复选框的引用并设置相应的属性。