在 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中文网其他相关文章!