mui开发中获取单选按钮、复选框的值(实例讲解)


Posted in Javascript onJuly 24, 2017

js获取单选按钮的值

function getVals(){
 var res = getRadioRes('rds');
 if(res == null){mui.toast('请选择'); return;}
 mui.toast(res);
}
function getRadioRes(className){
 var rdsObj = document.getElementsByClassName(className);
 var checkVal = null;
 for(i = 0; i < rdsObj.length; i++){
  if(rdsObj[i].checked){checkVal = rdsObj[i].value;}
 }
 return checkVal;
}

js获取复选框的值

function getVals(){
 var res = getCheckBoxRes('rds');
 if(res.length < 1){
  mui.toast('请选择');
  return;
 }
 mui.toast(res);
}
function getCheckBoxRes(className){
 var rdsObj = document.getElementsByClassName(className);
 var checkVal = new Array();
 var k  = 0;
 for(i = 0; i < rdsObj.length; i++){
  if(rdsObj[i].checked){
   checkVal[k] = rdsObj[i].value;
   k++;
  }
 }
 return checkVal;
}

单选按钮、复选框先分别设置相同的类名,再通过获取类名的方式获取到,再做后续的处理。

以上这篇mui开发中获取单选按钮、复选框的值(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 函数式编程
Aug 16 Javascript
利用Jquery实现可多选的下拉框
Feb 21 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
Apr 29 Javascript
关于JavaScript数组你所不知道的3件事
Aug 24 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
jQuery length 和 size()区别总结
Apr 26 jQuery
小程序登录态管理的方法示例
Nov 13 Javascript
微信小程序带动画弹窗组件使用方法详解
Nov 27 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
jQuery实现增删改查
Dec 22 jQuery
JavaScript对JSON数据进行排序和搜索
Jul 24 #Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 #Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 #Javascript
浅析JavaScript中的平稳退化(graceful degradation)
Jul 24 #Javascript
vue.js移动端app实战1:初始配置详解
Jul 24 #Javascript
React 子组件向父组件传值的方法
Jul 24 #Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 #Javascript
You might like
使用PHP模拟HTTP认证
2006/10/09 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
jquery得到iframe src属性值的方法
2014/09/25 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
js弹出对话框方式小结
2015/11/17 Javascript
深入理解Java线程编程中的阻塞队列容器
2015/12/07 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
Vue实现todolist删除功能
2018/06/26 Javascript
vue实现通讯录功能
2018/07/14 Javascript
记一次vue-webpack项目优化实践详解
2019/02/17 Javascript
JS实现动态添加外部js、css到head标签的方法
2019/06/05 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[42:50]NB vs VP 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
利用Python抓取行政区划码的方法
2016/11/28 Python
python 实现敏感词过滤的方法
2019/01/21 Python
Django实现学生管理系统
2019/02/26 Python
python实现密码强度校验
2020/03/18 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
什么是python类属性
2020/06/10 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
如何设置Java的运行环境
2013/04/05 面试题
图书室管理制度
2014/01/19 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
教师节学生演讲稿
2014/09/03 职场文书
干部作风建设心得体会
2014/10/22 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
委托书格式要求
2015/01/28 职场文书
付款证明格式范文
2015/06/19 职场文书