,可以通过以下步骤实现:
<form>
<input type="checkbox" id="checkbox1" value="Value 1">
<label for="checkbox1">Checkbox 1</label><br>
<input type="checkbox" id="checkbox2" value="Value 2">
<label for="checkbox2">Checkbox 2</label><br>
<input type="checkbox" id="checkbox3" value="Value 3">
<label for="checkbox3">Checkbox 3</label><br>
<!-- 添加更多的复选框 -->
</form>
querySelectorAll
方法选择所有选中的复选框元素,然后遍历这些元素并将其值添加到数组中。var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var values = Array.from(checkboxes).map(function(checkbox) {
return checkbox.value;
});
values
数组中包含了选中的复选框的值。你可以在后续的代码中使用这个数组进行进一步的处理。这个功能可以在前端开发中广泛应用,例如在表单提交时获取用户选择的选项,或者在动态生成的列表中获取用户选择的项目。
腾讯云相关产品和产品介绍链接地址:
请注意,以上仅为腾讯云的一些相关产品,其他云计算品牌商也提供类似的产品和服务。
领取专属 10元无门槛券
手把手带您无忧上云