如何查看JavaScript中的复选框？ （不使用jQuery）

Question

这是我的.html

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

和.js

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

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

我想在点击复选框时更改按钮标记中的内容，但我的代码无效。

（点击后没有变化）

我该如何解决这个问题？

Answer 1

引用firstChild时有一个拼写错误。刚刚在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);

我们http://jsfiddle.net/q4apn0qz/