html5复选框控制按钮状态,HTML5如何添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件...

本篇教程探讨了HTML5如何添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。

<

一、使用方法

二、Html结构

level 1 

Access CP

三、初始化插件

$(’input[type=checkbox]’).rcSwitcher();

四、配置参数

$(’input[type=checkbox]’).rcSwitcher({

theme: ’flat’,

width: 80,

height: 26,

blobOffset: 0,

reverse: true,

onText: ’YES’,

offText: ’NO’,

inputs: true,

autoFontSize: true,

autoStick: true

});

配置参数也可以作为data属性写在HTML标签中。例如：data-ontext=""和data-offtext=""分别相当于onText和offText属性。

五、事件

$(’:radio’).rcSwitcher().on({

’turnon.rcSwitcher’: function(e, dataObj ){

},

’turnoff.rcSwitcher’: function( e, dataObj ){

},

change.rcSwitcher’: function( e, dataObj, changeType ){

}

});

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！