问题描述: 我想在网页上创建一个标准复选框,并且当复选框被选中时,显示一个图像。请问如何实现这个功能?
解决方法: 你可以使用HTML、CSS和JavaScript来实现这个功能。以下是一个示例代码:
HTML部分:
CSS部分:
label {
cursor: pointer;
}
JavaScript部分:
var checkbox = document.getElementById("myCheckbox");
var image = document.getElementById("myImage");
checkbox.addEventListener("change", function() {
if(this.checked) {
image.style.display = "block";
} else {
image.style.display = "none";
}
});
解释:
这样,当复选框被选中时,图像将显示出来;当复选框被取消选中时,图像将隐藏起来。你可以根据需要修改代码以适应你的具体要求,比如更改图像路径、样式等。