转换单/复选框功能的插件rcSwitcher.zip

时间:2022-08-07 23:21:38
【文件属性】:

文件名称:转换单/复选框功能的插件rcSwitcher.zip

文件大小:59KB

文件格式:ZIP

更新时间:2022-08-07 23:21:38

开源项目

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'     } }); 标签:rcSwitcher 分享 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": [], "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' ~(-new Date() / 36e5)];\r\n \r\n \r\n \r\n \r\n \u8f6f\u4ef6\u9996\u9875\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\nwindow.changyan.api.config({\r\nappid: 'cysXjLKDf', conf: 'prod_33c27aefa42004c9b2c12a759c851039' });


【文件预览】:
rcswitcher-master
----index.html(6KB)
----js()
--------jquery-2.1.3.min.js(82KB)
--------rcswitcher-4.0.min.js(7KB)
--------rcswitcher.js(18KB)
----LICENSE(34KB)
----README.md(6KB)
----css()
--------rcswitcher.css(8KB)
--------style.min.css(2KB)
--------rcswitcher.min.css(5KB)
--------style.css(2KB)

网友评论