checkbox 如何实现半选状态

海纳百川 发布于 2014/08/04 12:09
阅读 5K+
收藏 1

最近发现QQ邮箱在选择一部分邮件时,顶部的checkbox元素会显示半选状态,不知道是如何实现的。

加载中
0
M
MixedFlow
checkbox 有个 indeterminate的属性, 设为true的时候就会如你的图显示。是HTML5标准里面(http://www.w3schools.com/jsref/dom_obj_checkbox.asp
var checkbox = document.getElementById("some-checkbox");
checkbox.indeterminate = true;

参考:http://css-tricks.com/indeterminate-checkboxes/



1
海纳百川
海纳百川

引用来自“MixedFlow”的评论

checkbox 有个 indeterminate的属性, 设为true的时候就会如你的图显示。是HTML5标准里面(http://www.w3schools.com/jsref/dom_obj_checkbox.asp
var checkbox = document.getElementById("some-checkbox");
checkbox.indeterminate = true;

参考:http://css-tricks.com/indeterminate-checkboxes/



谢谢!

在网上看了一遍,对 checkbox 的 indeterminate 属性大至了解。此属性有以下几个特性:

1.只能用于 checkbox 元素;

2.IE4.0就开始支持,其他浏览器也都支持,兼容性没问题,可以放心使用。

3.只能通过JS修改,直接在HTML代码中添加不生效;

4.此属性并不会影响 checkbox 属性的值; 

0
明月惊鹊
明月惊鹊

找一个三态控件来用就是,有时间再追究了。

JQuery应该有这种控件

返回顶部
顶部