html标签的checked属性详解

注意：当元素中有checked属性时，其值无论是什么，都是被选中状态，那怎么才能让其不被选中呢，就是用jquery或js代码实现

1、html中的checked属性。仔细研究下会发现一个很怪异的现象。　

你知道上面这四个复选框到底那些被选中了？那些没被选中吗？

其实乍一看我也不知道结果，运行完后也想不通为什么，查看资料才发现确实是那样的。

结果是：

其实原理是这样的，复选框里只要有checked属性，不管是否为其赋值，结果为空或true或false或任意值，均为选中状态。

2、利用javascript操作checked来控制复选框是否选中。　

结果：

要使其不选中，即设置checked属性值为false。

3.利用jQuery操作checked来控制复选框选中与否。

结果第一个复选框选中。

相反的，checked属性值设为false就是未选中了

这里需注意：

无论是用javascript还是jQuery来操作checked属性，其值均为true或false，切忌带引号，否则会出错。

补充：获取复选框是否选中问题：

例如，有这样一个例子，我要获取这三个复选框是否选中：

在js中，我们可以这样来写：

在jQuery中，可以这样获取：

从上面例子可以看出同样是获取复选框是否选中，js的获取值是布尔值，即true 或者 false，而jQuery的获取值则是checked或者undefined

————————————————————————————————————————————————————————

还有select标签中option标签的选中状态selected=true / selected='selected'后续继续... ...