MUI H5+常见控件的使用之开关
来源:互联网 发布:爱奇艺网络剧哪些好看 编辑:程序博客网 时间:2024/03/28 16:44
开关 比如已婚/未婚
HTML
<label style="width:40%;">婚姻状况</label><div id="Marriage" class="mui-switch mui-switch-blue " data-on="已婚" data-off="未婚"><div class="mui-switch-handle "></div></div>
var marriage = document.getElementById('Marriage'); //婚姻状况
Get
var marriageValue = 0;;marriage.addEventListener('toggle', function(event) {//event.detail.isActive 可直接获取当前状态if(event.detail.isActive) {marriageValue = 1;} else {marriageValue = 0;}});
Set
if(result.userInfo.Marriage == 1) {marriage.classList.add('mui-active');//结婚}
阅读全文
0 0
- MUI H5+常见控件的使用之开关
- MUI H5+常见控件的使用之单选按钮
- ToggleButton开关控件的使用
- H5+ MUI
- mui js控制开关状态、修改switch开关的值
- 开关按钮控件 ToggleButton 的使用
- ToggleButton状态开关控件的使用
- Android 开关控件Switch的简单使用
- android Switcher开关控件的使用
- 利用HBuilder开发基于MUI的H5+ app中使用百度地图定位功能
- mui的时间控件 picker
- mui的使用
- awk之变量开关的使用
- IOS开发之几个常见控件的使用
- UI基础----常见控件的使用之TextView
- UI基础----常见控件的使用之EditText
- UI基础----常见控件的使用之Button
- h5+ mui笔记
- java实现并发的http请求
- Android Studio 3.0前与后,butterknife 工具使用
- DI注入
- C/C++ 第四周线性表(二)--链表 项目二 建设”单链表“算法库
- 人生苦短,我学python
- MUI H5+常见控件的使用之开关
- MVP实现xRecyclerview多条目加载
- 【LeetCode】143. Reorder List
- N皇后问题
- [Oracle 11g r2(11.2.0.4.0)]集群HAIP介绍
- spring_Boot 项目搭建步骤 idea 构建
- 与C++标准委员会专家、侯捷等大师面对面,是怎样一种体验?
- 程序猿看段子,越看越心碎!
- 替换后台过来的iframe标签