单选多选框

Radio

垂直排列

适合在单条选项文字较多的情况下使用

单选框和文字使用label包含, 这样可以在点击文字时选中radio

input.radiocheckbox是隐藏的但可以点击, 原理是通过它的:checked变化来改变span.radiocheckbox-replace的样式

水平排列

选项

默认选中

禁用

选中状态禁用

状态监听

选项一

选项二

初始状态

垂直排列

水平排列

Checkbox

垂直排列

适合在单条选项文字较多的情况下使用

多选框和文字使用label包含, 这样可以在点击文字时选中checkbox

input.radiocheckbox是隐藏的但可以点击, 原理是通过它的:checked变化来改变span.radiocheckbox-replace的样式

水平排列

选项

默认选中

禁用

选中状态禁用

状态监听

false

垂直排列

水平排列

Switch开关，功能类似多选框

基本样式

开关的说明信息

开关组

关闭状态

默认开启 checked

禁用 disabled

选中状态禁用 checked disabled

状态监听

初始状态

.radiocheckbox-switch-explain也可以放在.radiocheckbox-switch的前面

马鞍山市志业软件科技有限公司后台管理系统

单选多选框`input.radiocheckbox`

Radio

垂直排列

水平排列

Checkbox

垂直排列

水平排列

Switch开关，功能类似多选框

基本样式

单选多选框input.radiocheckbox

Radio

垂直排列

水平排列

Checkbox

垂直排列

水平排列

Switch开关，功能类似多选框

基本样式

单选多选框`input.radiocheckbox`