快捷導(dǎo)航

mui開發(fā)中獲取單選按鈕、復(fù)選框的值(實(shí)例講解)

更新時間：2017年07月24日 09:34:17 投稿：jingxian

下面小編就為大家?guī)硪黄猰ui開發(fā)中獲取單選按鈕、復(fù)選框的值(實(shí)例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

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獲取復(fù)選框的值

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;
}

單選按鈕、復(fù)選框先分別設(shè)置相同的類名，再通過獲取類名的方式獲取到，再做后續(xù)的處理。

以上這篇mui開發(fā)中獲取單選按鈕、復(fù)選框的值(實(shí)例講解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁面操作方法
這篇文章主要給大家介紹了關(guān)于微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁面操作的相關(guān)資料,為了分享方便,或者制作宣傳海報之類的,經(jīng)常需要用到微信小程序指定頁面的二維碼,讓用戶掃碼直達(dá)頁面,需要的朋友可以參考下
2023-08-08
微信小程序支付功能 php后臺對接完整代碼分享
這篇文章主要為大家詳細(xì)介紹了微信小程序支付功能，分享了php后臺對接完整代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-06-06
JavaScript中的observables?操作符創(chuàng)建實(shí)例
這篇文章主要介紹了JavaScript中的observables?操作符創(chuàng)建實(shí)例的相關(guān)資料，文章介紹詳細(xì)，需要的小伙伴可以參考一下，希望對你有所幫助
2022-03-03
對js eval()函數(shù)的一些見解
下面小編就為大家?guī)硪黄獙s eval()函數(shù)的一些見解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
微信小程序ibeacon三點(diǎn)定位詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序ibeacon三點(diǎn)定位的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
淺談JS中的反柯里化( uncurrying)
本篇文章主要介紹了淺談JS中的反柯里化( uncurrying)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
js注入黑客之路必備！
這篇文章主要為大家詳細(xì)介紹了js注入，黑客之路必備！本文告訴大家什么是js注入，如何進(jìn)行js注入攻防，感興趣的小伙伴們可以參考一下
2016-09-09
xcode中獲取js文件的路徑方法(推薦)
下面小編就為大家?guī)硪黄獂code中獲取js文件的路徑方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
這篇文章主要介紹了jquery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析，本文給大家講解的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2022-11-11
利用JavaScript實(shí)現(xiàn)棧的數(shù)據(jù)結(jié)構(gòu)示例代碼
棧（stack）又名堆棧，它是一種運(yùn)算受限的線性表，下面這篇文章主要給大家介紹了關(guān)于利用JavaScript實(shí)現(xiàn)棧的數(shù)據(jù)結(jié)構(gòu)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-08-08