网站首页技术博客

一款bootstrap开关控件推荐，bootstrap-switch​

洞天水月2021-03-12 14:33:49共2470人次阅读
摘要近期一个bootstrap项目需要用到一个开关控件来代替难看的checkbox选框，最终寻得bootstrap-switch

近期一个bootstrap项目需要用到一个开关控件来代替难看的checkbox选框，最终寻得bootstrap-switch

效果：

blob.png

获取：

插件官网:http://www.bootstrap-switch.org/

用法：


Include the dependencies: jQuery, Bootstrap and Bootstrap Switch CSS + Javascript.

[...]




[...]

Add your checkbox.

Initialize Bootstrap Switch.

$("[name='my-checkbox']").bootstrapSwitch();

Enjoy.

添加触发时间：

$('input[name="my-checkbox"]').on('switchChange.bootstrapSwitch', function(event, state) {
  console.log(this); // DOM element
  console.log(event); // jQuery event
  console.log(state); // true | false});



上一篇：Yii安装提示​

下一篇：GII生成代码进行分页​

相关文章

文章评论

    猜你喜欢

    标签云

    站长推荐