将jQuery函数更改为纯JavaScript函数多选选项的方法是使用原生JavaScript来实现相同的功能。以下是一个示例代码:
// 获取所有多选选项的父容器
var container = document.getElementById("container");
// 获取所有多选选项
var checkboxes = container.querySelectorAll("input[type='checkbox']");
// 遍历多选选项,为每个选项添加点击事件监听器
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener("click", function() {
// 检查是否选中
if (this.checked) {
// 执行选中时的操作
console.log("选中了选项:" + this.value);
} else {
// 执行取消选中时的操作
console.log("取消选中了选项:" + this.value);
}
});
});
这段代码使用了querySelectorAll
方法来获取所有类型为checkbox
的input
元素,并使用forEach
方法遍历每个多选选项。然后,为每个选项添加了一个点击事件监听器,当选项被选中或取消选中时,会执行相应的操作。
这个方法的优势是不依赖于任何第三方库,只使用了原生JavaScript来实现多选选项的功能。它适用于任何支持JavaScript的浏览器环境。
推荐的腾讯云相关产品:无
请注意,以上答案仅供参考,具体实现方式可能因项目需求和具体情况而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云