今天无意中看到同事在学习複选框里面的复选框checked属性属性的应用当时看了一下,感觉熟悉而又陌生发现复选框checked属性属性其实还是挺奇怪的,感觉这里很有必要做┅下笔记:
1、html中的复选框checked属性属性仔细研究下会发现一个很怪异的现象。
你知道上面这四个复选框到底那些被选中了那些没被选中吗?
其实乍一看我也不知道结果运行完后也想不通为什么,查看资料才发现确实是那样的
其实原理是这样的,复选框裏只要有复选框checked属性属性不管是否为其赋值,结果为空或true或false或任意值均为选中状态。
要使其不选中即设置复选框checked属性属性值为false。
3.利用jQuery操作复选框checked属性来控制复选框选中与否
结果第一个复选框选中。
相反的复选框checked属性属性值设为false就是未选中了
補充:获取复选框是否选中问题:
例如,有这样一个例子我要获取这三个复选框是否选中:
在js中,我们可以这样来写:
在jQueryΦ可以这样获取:
从上面例子可以看出同样是获取复选框是否选中,js的获取值是布尔值即true 或者 false,而jQuery的获取值则是复选框checked属性或者undefined