首页 > web前端 > js教程 > 正文

如何使用 JavaScript 切换复选框?

Susan Sarandon
发布: 2024-11-13 13:26:02
原创
368 人浏览过

How to Toggle Checkboxes with JavaScript?

使用 JavaScript 切换复选框

要使用 JavaScript 操作复选框的选中或未选中状态,请使用以下方法:

  • getElementById方法:
// Check:
document.getElementById("checkbox").checked = true;

// Uncheck:
document.getElementById("checkbox").checked = false;
登录后复制
  • jQuery (1.6 ):
// Check:
$("#checkbox").prop("checked", true);

// Uncheck:
$("#checkbox").prop("checked", false);
登录后复制
  • jQuery (1.5-):
// Check:
$("#checkbox").attr("checked", true);

// Uncheck:
$("#checkbox").attr("checked", false);
登录后复制

通过利用其中一种技术,您可以根据用户交互或 Web 应用程序中的特定条件切换复选框的选中/未选中状态。

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板