如何在 JavaScript 中获取选中复选框的值？

在 JavaScript 中获取选中复选框的值

在 Web 开发中，获取选中复选框的值是一项常见任务。给定一组复选框，目标是检索与当前选中的复选框关联的值。

解决方案

要提取选中的复选框的值，我们可以利用 querySelector 函数的 .checked 属性。语法如下：

<code class="javascript">document.querySelector('.messageCheckbox').checked;</code>

这行代码检索与 messageCheckbox 类匹配的第一个元素并返回选中的属性。如果复选框被选中，则返回 true；否则，返回 false。

示例

考虑以下 HTML 片段：

<code class="html"><input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]"></code>

在此示例中，执行 JavaScript 代码将提供选中的复选框的值。如果第一个复选框被选中，它将返回“3”。如果第二个复选框被选中，它将返回“1”。

以上是如何在 JavaScript 中获取选中复选框的值？的详细内容。更多信息请关注PHP中文网其他相关文章！