如何使用 JavaScript 切换复选框状态？

如何使用 JavaScript 实现复选框切换功能

为了动态管理复选框的选中状态，JavaScript 提供了高效的解决方案。让我们探索各种方法：

使用原生 JavaScript 进行切换

使用 document.getElementById("checkbox") 使用其 ID 访问复选框。要选中该框，请将其选中属性设置为 true。相反，要取消选中它，请将属性设置为 false。

// Check
document.getElementById("checkbox").checked = true;

// Uncheck
document.getElementById("checkbox").checked = false;

使用 jQuery 切换（版本 1.6 ）

使用 jQuery 1.6 及更高版本， prop 方法提供修改复选框状态的便捷方法。要选中该框，请使用 $().prop("checked", true)。要取消选中它，请使用 $().prop("checked", false)。

// Check
$("#checkbox").prop("checked", true);

// Uncheck
$("#checkbox").prop("checked", false);

使用 jQuery 进行切换（1.5 及以下版本）

早期版本jQuery 版本（1.5 及以下），使用 attr 方法来控制复选框状态。语法与 prop 方法中的相同。

// Check
$("#checkbox").attr("checked", true);

// Uncheck
$("#checkbox").attr("checked", false);

通过利用这些方法，您可以根据用户交互或 JavaScript 代码中的编程逻辑无缝控制复选框的选中状态。

以上是如何使用 JavaScript 切换复选框状态？的详细内容。更多信息请关注PHP中文网其他相关文章！