源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 85|回复: 33

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

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2018-12-25 03:37:59 | 显示全部楼层 |阅读模式
下面小编就为大家带来一篇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开发中获取单选按钮、复选框的值(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

回复

使用道具 举报

3

主题

2万

回帖

172

积分

注册会员

Rank: 2

积分
172
发表于 2022-8-19 15:50:59 | 显示全部楼层
我要金豆金豆金豆
回复 支持 反对

使用道具 举报

7

主题

2万

回帖

398

积分

中级会员

Rank: 3Rank: 3

积分
398
发表于 2022-9-16 15:04:02 | 显示全部楼层
而非为吾问无为谓娃娃
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2022-9-18 09:45:03 | 显示全部楼层
搞个免费的用用
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-9-20 22:23:07 | 显示全部楼层
额UI废物iuhfujewfiewnnfen
回复 支持 反对

使用道具 举报

7

主题

2万

回帖

398

积分

中级会员

Rank: 3Rank: 3

积分
398
发表于 2022-10-22 07:26:35 | 显示全部楼层
逛逛看看瞧瞧
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-10-30 14:15:46 | 显示全部楼层
。。。。。。。。。。。。。。。
回复 支持 反对

使用道具 举报

27

主题

2万

回帖

331

积分

中级会员

Rank: 3Rank: 3

积分
331
发表于 2022-11-6 12:02:56 | 显示全部楼层
你们谁看了弄洒了可能
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2023-3-13 10:47:41 | 显示全部楼层
还可以不错
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-6-24 03:36:33 | 显示全部楼层
很不错的样子
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-28 20:47 , Processed in 0.077573 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表