rcSwitcher转换单/复选框功能的插件
rcSwitcher (Radio Checkbox Switcher) 是一款能够让单选框和复选框转换成开关的 jQuery 插件,它能让你的收音机看起来更加漂亮。
代码示例:
// convert all checkboxs to switchs $('input[type=checkbox]').rcSwitcher(); // Options $('input[type=checkbox]').rcSwitcher({ // Default value // info theme: 'flat', // light select theme between 'flat, light, dark, modern' width: 80, // 56 in 'px' height: 26, // 22 blobOffset: 0, // 2 reverse: true, // false reverse on off order onText: 'YES', // 'ON' text displayed on ON state offText: 'NO', // 'OFF' text displayed on OFF state inputs: true, // false show corresponding inputs autoFontSize: true, // false auto fit text size with respect to switch height autoStick: true // false auto stick switch to its parent side }); // assign event handler $(':radio').rcSwitcher().on({ 'turnon.rcSwitcher': function( e, dataObj ){ // to do on turning on a switch // dataObj.$input current input jq object // dataObj.$switcher current switch jq object // dataObj.components.$toggler swich toggler jq object // dataObj.components.$on switch on jq object // dataObj.components.$off switch off jq object // dataObj.components.$blob switch blob jq object }, 'turnoff.rcSwitcher': function( e, dataObj ){ // to do on turning off a switch }, 'change.rcSwitcher': function( e, dataObj, changeType ){ // to do on turning on or off a switch // changeType is 'turnon' || 'turnoff' } });
评论
SwitcheryiOS 复选框风格转换
Switchery是个简单的JavaScript组件,只要几个简单的步骤就可以帮助用户把默认的HTML复选框转换成漂亮iOS7样式风格。用户可以很方便的自定义这种转换,所以可以很好的配合你的设计风格。
SwitcheryiOS 复选框风格转换
0
checkBojQuery 复选框和单选框插件
checkBo是轻量级的jQuery插件,可以自定义复选框和单选框。特性跨浏览器:Chrome,Firefox,Safari,Opera(PC,MACOS).IE8+支持便捷触摸设备:Andriod,
checkBojQuery 复选框和单选框插件
0
CheckRadiosjQuery 复选框和单选框插件
CheckRadios 是个 jQuery 插件,允许用户完全自定义复选框和单选框,不需要任何图像,
CheckRadiosjQuery 复选框和单选框插件
0
CheckRadiosjQuery 复选框和单选框插件
CheckRadios是个jQuery插件,允许用户完全自定义复选框和单选框,不需要任何图像,而且有很强的可伸缩性。在线演示
CheckRadiosjQuery 复选框和单选框插件
0
java-bean-to-jsonJava bean 转换 json 的插件
java2json,Java bean 转换 json 的 IntelliJ IDEA 插件。
java-bean-to-jsonJava bean 转换 json 的插件
0