代码描述:checked属性值是true还是checked。checked属性值是true还是checked
复选框标签具有checked属性,通过此属性可以设置复选框的选中状态。 非常简单的操作,但是还是有不少朋友存在后面类似的疑问,那就是不确定checked属性值是true还是checked。 因为两个属性值在实际代码中都有出现,并且都是有效的,也是导致出现疑问的主要原因。 下面通过代码实例详细进行一下分析,首先看一段代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51qianduan.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.51qianduan.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属性阐述为布尔型类型
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能