获取复选按钮的值可以通过以下步骤进行:
<input>
标签创建复选框,设置不同的value
属性值来表示不同的选项。例如:<input type="checkbox" name="option" value="option1"> Option 1
<input type="checkbox" name="option" value="option2"> Option 2
<input type="checkbox" name="option" value="option3"> Option 3
var selectedValues = [];
var checkboxes = document.getElementsByName('option');
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
selectedValues.push(checkboxes[i].value);
}
}
console.log(selectedValues);
上述代码首先创建一个空数组selectedValues
来存储选中的值。然后使用document.getElementsByName('option')
获取所有名为option
的复选框元素。通过遍历复选框元素,判断是否选中,如果选中则将其值添加到selectedValues
数组中。最后,通过console.log()
打印选中的值。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云