<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="checkbox">同意<br>
<input type="button" value="注册新用户" disabled>
<script>
**//1、查找 触发事件的元素**
var chb=document.querySelector("input[type=checkbox]");//选择器查找
**//2、绑定 事件处理函数**
chb.onclick=function(){
var chb=this;//指定当前的选中的
**//3、查找要修改的元素**
var btn=chb.nextElementSibling
.nextElementSibling;
//有个br捣乱。现在站在checkbox位置,要找到修改元素button
**//4、修改元素**
//若chb(同意)状态是选中,btn就启用,false
if(chb.checked==true){
btn.disabled=false;
}else{//否则
btn.disabled=true;//btn就禁用
}//disabled是html样式,与css无关。btn.style.disabled=true;写法是错的
}
</script>
</body>
</html>