解决方法如下所示:
HTML代码示例:
JavaScript代码示例:
// 获取复选框元素
var checkbox = document.getElementById("acf-checkbox");
// 监听复选框状态改变事件
checkbox.addEventListener("change", function() {
// 判断复选框是否选中
if (checkbox.checked) {
// 执行选中时的操作
console.log("已标记为已读");
} else {
// 执行取消选中时的操作
console.log("取消标记为已读");
}
});
以上代码示例使用了HTML和JavaScript来创建一个具有标记为已读功能的复选框。当复选框的状态改变时,会触发change事件,并根据复选框的选中状态来执行相应的操作。在示例中,当复选框被选中时,会输出"已标记为已读";当复选框取消选中时,会输出"取消标记为已读"。你可以根据实际需求修改操作部分的代码。