html

用于积累html中的一些实用代码段。按照实现的功能进行划分,不区分先后。

复选框的3种状态

checkbox复选框一共提供了3种状态值:

  • 选中,可通过在input上设置checked属性来选中。
  • 未选中,默认为未选中状态。
  • 模糊状态(一般用于全选之类的):通过js设置其属性indeterminate = true就会显示模糊状态,不过需要注意的是:
    • 只能通过js来设置;
    • 优先级高于选中和未选中的状态,就比如说复选框处于选中状态,如果indeterminate值为true,会优先以模糊状态显示,所有以js修改选中值的时候,需要先将indeterminate置为false
    • 用户点击的时候只会在选中和未选中之间切换,不会切换到模糊状态,并且会将indeterminate置为false

例子查看:Open in CodePen

上次更新: 2019-3-9 22:18:31