如何使用 JavaScript 确定选定复选框的值？

识别选中的复选框值

在Web开发中，经常需要检索选中的复选框的值，尤其是涉及表单的场景提交或数据操作。考虑以下代码片段：

<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">let checkedCheckboxValue = document.querySelector('.messageCheckbox').checked;</code>

此方法涉及利用 querySelector 方法选择类名为“messageCheckbox”的第一个元素，然后检索它的checked属性，返回一个布尔值，指示复选框是否被选中。如果多个复选框共享相同的类名，代码将仅选择并返回第一个选中的复选框的值，如问题要求中所示。

此解决方案有效地捕获了选中的复选框的值，允许进一步处理，例如提交表单数据或根据所选值执行其他操作。

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