以下是一个示例代码,演示了如何获取被勾选的复选框的值:
HTML代码:
选项1
选项2
选项3
JavaScript代码:
function getSelectedValues() {
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var selectedValues = [];
for (var i = 0; i < checkboxes.length; i++) {
selectedValues.push(checkboxes[i].value);
}
console.log(selectedValues);
}
当用户点击"获取选中的值"按钮时,getSelectedValues
函数会被调用。此函数首先使用querySelectorAll
方法来选择所有被勾选的复选框。然后,通过遍历这些复选框,将其值添加到selectedValues
数组中。最后,使用console.log
方法将选中的值输出到控制台。
注意:上述代码只是一个示例,实际的应用可能需要根据具体情况进行适当的修改。