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

 更新时间:2017年07月24日 09:34:17   投稿:jingxian  
下面小编就为大家带来一篇mui开发中获取单选按钮、复选框的值(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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开发中获取单选按钮、复选框的值(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js 轮播效果实例分享

    js 轮播效果实例分享

    本文主要分享了基于js实现的轮播效果的实例代码,具有一定的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • 详解CocosCreator MVC架构

    详解CocosCreator MVC架构

    这篇文章主要介绍了CocosCreator MVC架构,同学们在制作游戏过程中,尽量使用一些架构,会避免很多问题
    2021-04-04
  • 使用UniApp框架来阻止事件冒泡

    使用UniApp框架来阻止事件冒泡

    在开发移动应用程序时,我们经常需要处理用户交互事件,然而,有时候这些事件会冒泡,导致意外的行为和不良用户体验,在本文中,我们将探讨如何使用UniApp框架来阻止事件冒泡,并提供一些示例代码来帮助您理解如何实现这一功能,需要的朋友可以参考下
    2023-11-11
  • JS实现对json对象排序并删除id相同项功能示例

    JS实现对json对象排序并删除id相同项功能示例

    这篇文章主要介绍了JS实现对json对象排序并删除id相同项功能,涉及javascript针对json格式数据的遍历、运算、判断、添加、删除等相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • 关于JS中setTimeout()无法调用带参函数问题的解决方法

    关于JS中setTimeout()无法调用带参函数问题的解决方法

    这篇文章主要介绍了关于JS中setTimeout()无法调用带参函数问题的解决方法,提供了2种解决方法供大家对比参考,需要的朋友可以参考下
    2016-06-06
  • 简单实现JavaScript弹幕效果

    简单实现JavaScript弹幕效果

    这篇文章主要帮助大家简单实现JavaScript弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js精准计算

    js精准计算

    这篇文章主要介绍了js精准计算,对此感兴趣的同学,可以实验一下
    2021-04-04
  • dropload.js插件下拉刷新和上拉加载使用详解

    dropload.js插件下拉刷新和上拉加载使用详解

    这篇文章主要为大家详细介绍了dropload.js插件下拉刷新和上拉加载的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • js模拟滚动条(横向竖向)

    js模拟滚动条(横向竖向)

    js模拟滚动条(横向竖向),需要的朋友可以参考一下
    2013-02-02
  • bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法

    bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法

    这篇文章主要介绍了bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法 ,本文给大家分享几种解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07

最新评论