问题遇到的现象和发生背景
js刚入门，想写一个CheckBox全部选中的小脚本，但是浏览器加载代码的时候没办法正确运行js。
问题相关代码，请勿粘贴截图
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
//全选
function cheakAll(){
var hobbies = document.getElementsByName("hobby");
for(var i = 0; i < hobbies.length; i++){
hobbies[i].checked = true;
}
}
//全不选
function cheakNone(){
var hobbies = document.getElementsByName("hobby");
for(var i = 0; i < hobbies.length; i++){
hobbies[i].checked = false;
}
}
//反选
function reverse(){
var hobbies = document.getElementsByName("hobby");
for(var i = 0; i < hobbies.length; i++){
hobbies[i].checked = !hobbies[i].checked;
}
}
</script>
</head>
<body>
兴趣爱好：
<input type="checkbox" name="hobby" value="cpp">C++
<input type="checkbox" name="hobby" value="java">Java
<input type="checkbox" name="hobby" value="js">JavaScript
<br/>
<button onClick="cheakAll">全选</button>
<button onClick="cheakNone">全不选</button>
<button onClick="reverse">反选</button>
</body>
运行结果及报错内容
运行结果就是不报错也不能选中
我的解答思路和尝试过的方法
之前动态注册没有成功过，但可以用这种静态注册的方法运行成功，现在连静态注册都没法运行了
我想要达到的结果
希望能帮帮忙
