checked他是属于表单中的type:checkbox 属于勾选框 checked是属于默认勾选,没有添加checked这个属性默认是没有勾选如下:
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
input:nth-child(1){
width: 30px;
height: 30px;
}
</style>
</head>
<body>
<input type="checkbox" name="" id="" checked>
<input type="checkbox" name="" id="" >
</body>
</html>
一个是添加checked的属性在页面就会默认勾选起来,页面效果如下
checked在js中是返回值boolean通过js动态的设置属性
<body>
<input type="checkbox" name="" id="" >
<script>
let input = document.querySelector('input');
input.checked = 'checked'
</script>
</body>