要按照类名选择已选中的选项,可以使用以下步骤:
以下是一个示例代码,演示了如何实现上述步骤:
// 获取所有选项的列表
var options = document.querySelectorAll('input[type="checkbox"]');
// 定义要匹配的类名
var className = 'selected';
// 存储匹配的选项
var selectedOptions = [];
// 循环遍历选项列表
for (var i = 0; i < options.length; i++) {
var option = options[i];
// 检查选项是否已被选中
if (option.checked) {
// 检查选项的类名是否匹配
if (option.classList.contains(className)) {
selectedOptions.push(option);
}
}
}
// 输出匹配的选项
console.log(selectedOptions);
请注意,在上面的示例代码中,我们假设选项的类型是复选框。如果选项的类型是其他类型(例如单选框),请根据需要修改选择器(querySelectorAll)的参数。同样,如果要匹配不同的类名,请将变量 className
的值更改为所需的类名。