单选框和复选框

开发者文档

这是js重写的选框组件,兼容ie8+。但是使用此组件必须引入sui.js。此组件内部依然通过原生的checkbox和radio来实现,所以不会影响原生的表单操作。
注意,在使用此组件的时候不要通过直接修改input的方式来操作,而是通过checkbox api来调用。

通过data-api使用

复选框

单选框

半选

禁用


            

通过添加 data-toggle='checobox' 或者 data-toggle='radio' 来启用。

在初始化的时候同时设置好input的属性和label的class,否则在js加载之后可能会闪一下或者会出现状态不一致。

通过JS调用

复选框


            
  • 要把checkbox当做一个组件来用,不要通过js直接修改input的属性,要通过checkbox api来调用。
  • 禁用状态会禁止用户的操作,但是不会禁止通过api来修改状态。
  • 半选状态其实就是未选中,所以不会向后台提交。
方法 说明
check 选中
uncheck 取消选中
halfcheck 半选
disable 禁用
enable 启用
comments powered byDisqus