Html5 Checkbox多种状态切换

最近在搞一个权限配置的页面,里面的选项框要实现级联,同时checkbox需要有三种状态:选择,部分选择,不选,搜索找到一篇文章jQuery 版的 CheckBox 复选框成组联动(性能改进版)不过我在浏览器上测试有问题,进行修改代码如下:








	
全选 选项1 选项2 选项n
Html5 Checkbox多种状态切换_第1张图片
修改部分如上图的选中内容。

效果图如下:


对于中间状态我点击设置为全选,如果想修改可以修改

_jgroupCons.filter(":checkbox[forcheckboxgroup='" + _groupname + "']").prop("checked", false).prop("indeterminate", true);  
如果修改可以修改checked为true,indeterminate的状态并不会修改checkbox的值。

针对checkbox的多种状态可以查看Indeterminate Checkboxes

你可能感兴趣的:(Html5)