为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 checkbox 的四种状态

checkbox 的四种状态

2019.04.10 12:46 1560浏览

checkbox 的四种状态

checkbox 是 HTML 中非常常用的控件,它可以作为多选控件,很多开发人员知道它有三种状态:checkeduncheckeddisabled,其实它还有第四种鲜为人知的状态indeterminate

indeterminate

indeterminate属性用来表示 checkbox 元素的状态为不确定,不同的平台和浏览器对于这种状态的显示不一样,在 Chrome 下为一个横杠,在 Firefox 下为实心正方形:

webp

checkbox-state.png

设置 indeterminate 状态

checkeduncheckeddisabled可以通过 HTML 属性直接设置,但是indeterminate只能通过 JavaScript 来设置:

document.getElementById("ckb").indeterminate = true;

indeterminate CSS 伪类

类似于:checked:unchecked伪类,我们也可以使用:indeterminate伪类进行对不确定状态的 checkbox 的选取:

checkbox:indeterminate {
    
}





点击查看更多内容

本文原创发布于慕课网 ,转载请注明出处,谢谢合作

0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
12
获赞与收藏
133

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

51篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

151篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消