如何在JavaScript中选中复选框？（不使用jQuery）

这是我的.html

<input id="input" type="checkbox">
<button id="button">wait...</button>
<script type="text/javascript" src="script.js" charset="utf-8"> </script>

单击复选框时，我想更改按钮标记中的内容，但我的代码不起作用

（单击时没有更改）

---

我如何解决这个问题？

引用第一个孩子时有一个打字错误。刚刚在jsfiddle.net上测试过，它可以使用以下代码：

function isChecked(){
    if(document.getElementById("input").checked){
        document.getElementById("button").firstChild.nodeValue= "Checked";      
    } else {
        document.getElementById("button").firstChild.nodeValue= "Unchecked";
    }
};

document.getElementById("input").addEventListener("click", isChecked);

---

在这里，我们不需要评估代码，不妨指出“firstChild”在那里有两次

input

对于元素来说绝对是一个坏的

id

。

firstChild

不是

firstChild

。应该向您介绍浏览器控制台。这会给你很大的帮助。现在按F12。您还可以稍微改进函数：

document.getElementById（“按钮”）.innerHTML=this.checked？“选中”：“未选中”非常感谢，我花了大约三个小时来解决这个问题。。。不客气。如果这确实对你有帮助，那么你应该接受答案；-）
function isChecked(){
    if(document.getElementById("input").checked){
        document.getElementById("button").firstChild.nodeValue= "Checked";      
    } else {
        document.getElementById("button").firstChild.nodeValue= "Unchecked";
    }
};

document.getElementById("input").addEventListener("click", isChecked);