如何使用 JavaScript 以编程方式选中或取消选中复选框？

使用 JavaScript 操作复选框

经常面临动态管理输入元素的需求，开发人员可能想知道如何在 JavaScript 中控制复选框。本题探讨了使用 JavaScript 检查和取消选中复选框的方法。

JavaScript

要使用 JavaScript 检查或取消选中复选框，请使用其 ID 访问元素并修改其选中的元素属性：

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

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

jQuery (1.6 )

在 jQuery 1.6 及以上版本中，使用 prop() 方法来操作复选框状态：

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

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

jQuery (1.5-)

对于 jQuery 1.5 及以下版本，使用 attr() 方法来控制复选框：

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

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

通过采用这些技术，开发人员可以动态管理 Web 应用程序中的复选框状态，从而改进用户交互并简化用户界面。

以上是如何使用 JavaScript 以编程方式选中或取消选中复选框？的详细内容。更多信息请关注PHP中文网其他相关文章！