,可以通过以下步骤实现:
<form id="myForm">
<input type="checkbox" id="checkbox1" name="checkbox" value="Checkbox 1">
<label for="checkbox1">Checkbox 1</label><br>
<input type="checkbox" id="checkbox2" name="checkbox" value="Checkbox 2">
<label for="checkbox2">Checkbox 2</label><br>
<input type="checkbox" id="checkbox3" name="checkbox" value="Checkbox 3">
<label for="checkbox3">Checkbox 3</label><br>
<!-- 添加更多复选框 -->
</form>
var checkboxes = document.getElementsByName("checkbox");
var selectedTitles = [];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
var label = document.querySelector('label[for="' + checkboxes[i].id + '"]');
selectedTitles.push(label.innerHTML);
}
}
console.log(selectedTitles);
上述代码首先通过document.getElementsByName("checkbox")
获取所有名称为"checkbox"的复选框元素。然后,使用for
循环遍历每个复选框,检查其是否被选中(checked
属性)。如果复选框被选中,通过document.querySelector
获取与复选框关联的标签元素,并将其标题添加到selectedTitles
数组中。
selectedTitles
数组中的选定标题进行进一步的处理,例如显示在页面上或发送到服务器。这个问题中没有明确指定使用腾讯云的相关产品,因此无法提供腾讯云的产品链接。但是,腾讯云提供了丰富的云计算产品和服务,可以根据具体需求选择适合的产品。
领取专属 10元无门槛券
手把手带您无忧上云