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 相关文章推荐
editable.js 基于jquery的表格的编辑插件
Oct 24 Javascript
javascript重写alert方法的实例代码
Mar 29 Javascript
利用JS进行图片的切换即特效展示图片
Dec 03 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
jQuery中:first-child选择器用法实例
Dec 31 Javascript
jQuery实现给页面换肤的方法
May 30 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
jQuery无缝轮播图代码
Dec 22 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 Javascript
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网上调查系统
2006/10/09 PHP
解决ajax+php中文乱码的方法详解
2013/06/09 PHP
微信支付的开发流程详解
2016/09/13 PHP
商城常用滚动的焦点图效果代码简单实用
2013/03/28 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
用Jquery选择器计算table中的某一列某一行的合计
2014/08/13 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
2014/09/01 Javascript
使用js画图之正弦曲线
2015/01/12 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
Vue.extend实现挂载到实例上的方法
2019/05/01 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
2019/09/27 Javascript
解决vue组件销毁之后计时器继续执行的问题
2020/07/21 Javascript
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
pytyon 带有重复的全排列
2013/08/13 Python
pygame学习笔记(4):声音控制
2015/04/15 Python
python实现按行切分文本文件的方法
2016/04/18 Python
python关于变量名的基础知识点
2020/03/03 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
美国钻石商店:Zales
2016/11/20 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
酒店管理专业学生求职信
2013/09/27 职场文书
商业房地产广告语
2014/03/13 职场文书
婚前保证书
2014/04/29 职场文书
高考1977观后感
2015/06/04 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
《中彩那天》教学反思
2016/02/24 职场文书
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS