如何使用 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中文网其他相关文章！