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 arguments使用示例
Dec 16 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
vue-element-admin 菜单标签失效的解决方式
Nov 12 Javascript
vue 把二维或多维数组转一维数组
Apr 24 Vue.js
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
CMS中PHP判断系统是否已经安装的方法示例
2014/07/26 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
[原创]php常用字符串输出方法分析(echo,print,printf及sprintf)
2016/07/09 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
js制作的鼠标悬浮时产生的下拉框效果
2012/10/27 Javascript
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
vue.js中created方法作用
2018/03/30 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
Python中正则表达式的详细教程
2015/04/30 Python
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
python实现KNN分类算法
2019/10/16 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
TensorFlow tf.nn.conv2d实现卷积的方式
2020/01/03 Python
python各层级目录下import方法代码实例
2020/01/20 Python
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
SQL面试题
2013/04/30 面试题
求职信模板标准格式范文
2014/02/23 职场文书
2014年党支部学习材料
2014/05/19 职场文书
2014旅游局党组书记党建工作汇报材料
2014/11/02 职场文书
MySQL连接控制插件介绍
2021/09/25 MySQL
ubuntu安装jupyter并设置远程访问的实现
2022/03/31 Python
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers