首页 > web前端 > js教程 > 如何使用 JavaScript 检索选中的复选框的值?

如何使用 JavaScript 检索选中的复选框的值?

Mary-Kate Olsen
发布: 2024-10-21 17:45:02
原创
589 人浏览过

How to Retrieve the Value of a Checked Checkbox Using JavaScript?

检索选中复选框的值

在 Web 开发领域,通常需要捕获元素的值,尤其是当处理表单提交。需要此功能的一个常见元素是复选框。

假设您有以下 HTML 代码:

<code class="html"><input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]"></code>
登录后复制

要使用 JavaScript 获取当前选中的复选框的值,请使用以下方法:

<code class="javascript">document.querySelector('.messageCheckbox').checked;</code>
登录后复制

这行代码使用 querySelector() 方法选择所有带有 messageCheckbox 类的元素。由于指定只有一个复选框,因此该行将返回第一个匹配元素。

然后检查所选复选框的checked属性,如果该框被选中,则返回true,否则返回false如果不是的话。这使您可以轻松确定与选中的复选框关联的值。

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

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