我希望仅在选中表单中的复选框时才会显示html。我该如何仅使用javascript?
<html>
<head><title>test</title></head>
<body>
<form>
<input type="checkbox" id="exampleCheckbox">
</form>
<div id="toggleElement"></div>
</body>
</html>
编辑:我已经尝试过,但是未取消选择后它不会消失:
<html>
<head><title>test</title></head>
<body>
<form>
<input type="checkbox" id="exampleCheckbox" onclick="showDiv()">
</form>
<div id="toggleElement"></div>
<script>
function showDiv() {
document.getElementById("toggleElement").innerHTML = "Hello world!";
}
</script>
</body>
</html>
您可以使用eventlistener来做到这一点:
document.getElementById("checkbox").addEventListener('change',function() {
var hidden = document.getElementById("html");
if (this.checked) {
hidden.style.display = "block";
} else {
hidden.style.display = "none";
}
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句