javascript - 如果显示元素，我将如何检查是否检查了 "Checkbox"？

Question

<script>
function validate(chk){
if (chk.checked == 1)
document.getElementById('Texttoshow').style.display="block";
else
 alert("You didn't check it! Let me check it for you.")
 chk.checked = 1;
 }
</script>

<input type="text" value="hey" style="display:none"><input oncheck="validate(this.id)" type="check">

输出:document.getElementById('Texttoshow') 为空

This code will check if Checkbox is
checked and if so, it will show the
CSS Hidden Textbox. How do I make it
so it will Do so in that manner?

Answer 1

这里有一些问题。

首先让我们修复您的 html 元素。

这需要一个 id:

<input type="text" value="hey" style="display:none" id="Texttoshow">

这里你需要传递元素而不是(不存在的)id。它也应该是 onclick 而不是 oncheck

<input onclick="validate(this)" type="check">

如果您在 if 或 else block 中放置多个语句，则需要将它们包含在大括号中。

<script>
function validate(chk) {
    if (chk.checked == 1) document.getElementById('Texttoshow').style.display = "block";
    else {
        alert("You didn't check it! Let me check it for you.")
        chk.checked = 1;
    }
}
</script>

我可能会使用 true/false 作为 bool 语句，但 1 在 js 中也可以。