rcswitcher将radio和checkbox转换成多皮肤开关按钮_表单代码_复选框_美化_单选

rcswitcher.js是一款美化单选按钮radio和多选按钮checkbox的jQuery插件。 jQuery+PHP实现开关效果 http://www.sucaiq.com/texiao/388.html

淘建站为您提供更多_表单代码_复选框_美化_单选，在此特别感谢您对我们的支持与厚爱！

查看演示

演示不了，点击反馈

加入收藏

下载 248 次

下载资源

4 淘币

特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。

举报/反馈

分类：表单代码 > 复选框难易程度：中级

性别单选按钮radio

<div class="gender block">
    <label for="gender">男性 </label><input type="radio" name="gender" value="male" ><br />
    <label >女性 </label><input type="radio" name="gender" value="female" ><br />
    <label >请选择 </label><input type="radio" name="gender" value="select" checked >
</div>

引入rcswitcher开关插件

<script type="text/javascript" src="js/rcswitcher.min.js"></script>

$('.gender :radio').rcSwitcher({
    // reverse: true,
    theme: 'light',
    // width: 70,
    blobOffset: 0,
    // inputs: true,
    autoStick: true,
}).on('turnon.rcSwitcher', function(e, data) {
    console.log(data.$input[0].checked);
});

rcSwitcher相关API参数

参数	描述	默认值
onText	开启状态的文字	ON
offText	关闭状态的文字	OFF
reverse	是否可逆	false
inputs	是否显示radio单选按钮	false
width	宽度	56
height	高度	20
blobOffset	我也不知道	0
autoFontSize	字体大小是否自适应	false
theme	可选参数 'light', 'modern', 'dark', 'flat'	light
autoStick	对齐	false