当前位置: 首页 > 编程笔记 >

switchery按钮的使用方法

冷宏茂
2023-03-14
本文向大家介绍switchery按钮的使用方法,包括了switchery按钮的使用方法的使用技巧和注意事项,需要的朋友参考一下

1.先引入switchery.css 和 switchery.js

2.绘制 checkbox按钮 : a.静态页面写法  未选中时 <input type="checkbox" class="js-switch_3"  />        选中时  <input type="checkbox" class="js-switch_4" html-attribute-name">checked /> 

 

b.C# 写法 (1) @Html.CheckBoxFor(m => m.Active, new { @Class = "js-switch", @checked = Model.Active }) <span> Activate</span>

(2) @Html.CheckBox("edit_forMave_" + i, new { @class = "js-switch", @checked = true })

3. script 中处理,是按钮有点击效果。

当页面中只有一个checkbox 时:var elem = document.querySelector(".js-switch")   var switchery= new Switchery( elem,{color : '#f8ac59'}).

当有多个时:var elem = document.querySelector(".js-switch") 

$.each(funtion (num) { var switchery = new Switchery(this, { color: '#1AB394', className: 'switchery-small' });}) ;

以上这篇switchery按钮的使用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • Switchery 是个简单的 JavaScript 组件,只要几个简单的步骤就可以帮助用户把默认的 HTML 复选框转换成漂亮 iOS 7 样式风格。用户可以很方便的自定义这种转换,所以可以很好的配合你的设计风格。 支持的现代浏览器:Chrome, Firefox, Opera, Safari, IE8+。

  • 本文向大家介绍python-tkinter之按钮的使用,开关方法,包括了python-tkinter之按钮的使用,开关方法的使用技巧和注意事项,需要的朋友参考一下 具体参考哪位大佬的,记不太清楚了。 直接上代码,大体逻辑是这样的。 说一说我遇到的问题: 我想让这个开始按钮,点击变成开始,再次点击变成结束。 使用上面的方法是失败的,我发现self.B打印出来为空。 是因为后面调用了grid方法导致的

  • 我以前也问过类似的问题,但在解析网页时仍然会遇到错误。场景是系统导航到https://shop.sprouts.com/shop/flyer并希望提取与每个类别相关的每个特价商品。目前,当一个类别被点击时,我会在右边看到一个空白屏幕。我尝试了以下两种方法,但得到了相同的结果。 这是时间问题吗?我做错了什么?

  • 问题内容: 我正在尝试根据列表创建多个复选框,但是看起来好像在搞砸按钮的 命令调用 和 变量方面 。 我的代码是: 到目前为止,该测试是针对在选中复选框的情况下将课程打印在控制台上的,但是仅对第二个按钮“ CSE 4343”有效。当我与按钮“ CSE 4444”交互时,什么都不会打印。 同样,无论我单击按钮“ CSE 4343”还是按钮“ CSE 4444”,“ place”值的onClick始终

  • 本文向大家介绍iOS开发中UISwitch按钮的使用方法简介,包括了iOS开发中UISwitch按钮的使用方法简介的使用技巧和注意事项,需要的朋友参考一下 一、第一种创建UISwitch控件的方法,在代码中动态创建。 1、打开Xcode  4.3.2, 新建项目Switch,选择Single View Application。 2、打开ViewController.m文件在viewDidLoad方

  • 本文向大家介绍bootstrap按钮插件(Button)使用方法解析,包括了bootstrap按钮插件(Button)使用方法解析的使用技巧和注意事项,需要的朋友参考一下 按钮插件(Button)学习笔记: 按钮插件 样式文件: ☑ LESS版本:源文件buttons.less ☑ 点击按钮时,按钮文字变为“正在加载…”,一旦加载完之后又变回“获取数据”。简单点说就是控制按钮状态,比如禁用状态、正