WEB前端-jQuery iCheck使用记录

WEB前端-jQuery iCheck使用记录

iCheck

特色:

1、在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备

2、支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统

4、方便定制 — 用HTML 和 CSS 即可为其设置样式 (多套皮肤)

5、体积小巧 — gzip压缩后只有1 kb

6、25 种参数 用来定制复选框(checkbox)和单选按钮(radio button)

7、8 个回调事件 用来监听输入框的状态

8、7个方法 用来通过编程方式控制输入框的状态

9、能够将输入框的状态变化同步回原始输入框中, 支持所有选择器

上面这段代码,对默认的checkbox框没问题,但是当使用iCheck 插件后将无效。百度无果,在stackoverflow获得灵感。

在解决了全选问题后,又出现新的问题,获取选中的checkbox的value的时候,使用:

获取不到值了~,蛋疼。

最后几经Google搜索,还是在stackoverflow 找到了启发,判断checkbox的布尔值,使用 :

最后代码的解决方法如下:

最后分享一个获取选中状态的方法。和正常的方法一样,不过如下的方法不行

正确的如下

用上面的代码可以获取DOM对象属性的状态,比如按钮状态。

俊霖