如何在 JavaScript 中选中复选框?(不使用jQuery）

How can I check checkbox in JavaScript? (not using jQuery)

本文关键字：jQuery 复选框 JavaScript      更新时间：2023-09-26

这是我的.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);

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

（点击时没有变化）

我该如何解决这个问题？

引用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/

相关文章：