复选框标签具有checked属性，通过此属性可以设置复选框的选中状态。
非常简单的操作，但是还是有不少朋友存在后面类似的疑问，那就是不确定checked属性值是true还是checked。
因为两个属性值在实际代码中都有出现，并且都是有效的，也是导致出现疑问的主要原因。
下面通过代码实例详细进行一下分析，首先看一段代码实例：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.cxvn.com/" />
<title>checked属性值是true还是checked</title>
<style type="text/css">
input{
width:20px;
height:20px;
}
</style>
</head>
<body>
<input type="checkbox" checked>
<input type="checkbox" checked=true>
<input type="checkbox" checked="checked">
</body>
</html>
代码分析如下：
（1）.仅设置checked属性不赋值，可以将复选框设置为选中状态。
（2）.将checked属性值设置为true，也可以将复选框设置为选中状态。
（3）.将checked属性值设置为”checked”，也可以将复选框设置为选中状态。
上面三种情况都比较容易接受，因为在代码中比较常见，实际编码中仅推荐第一中方式。
虽然后两种方式非常符合情理，能够将复选框设置为选中状态，也许这只是一个误会，这两个值并不是专属，有些属性值会让不少朋友匪夷所思，看如下代码实例：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.cxvn.com.com/" />
<title>checked属性值是true还是checked</title>
<style type="text/css">
input{
width:20px;
height:20px;
}
</style>
</head>
<body>
<input type="checkbox" checked=false>
<input type="checkbox" checked=true>
</body>
</html>
代码分析如下：
（1）.默认状态下，第二个复选框处于非选中状态，第三个处于选中状态。
（2）.通过JavaScript动态两个复选框分别设置为选中和取消选中。
由此可见，在使用JavaScript进行动态操作的时候，设置checked属性值可为true或者false可以复选框设置为选中和非选中状态，经过测试，设置为”checked”也可以设置为选中状态，设置为undefined也可以取消选中，不过我们最好还是标准一些，毕竟MDN将checked属性阐述为布尔型类型
1.《checked属性值是true还是checked》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《checked属性值是true还是checked》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.cxvn.com/study/222.html