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)文章
本文主要分享了基于js實(shí)現(xiàn)的輪播效果的實(shí)例代碼，具有一定的參考價值，下面跟著小編一起來看下吧2016-12-12
這篇文章主要介紹了CocosCreator MVC架構(gòu)，同學(xué)們在制作游戲過程中，盡量使用一些架構(gòu)，會避免很多問題2021-04-04
在開發(fā)移動應(yīng)用程序時,我們經(jīng)常需要處理用戶交互事件,然而,有時候這些事件會冒泡,導(dǎo)致意外的行為和不良用戶體驗(yàn),在本文中,我們將探討如何使用UniApp框架來阻止事件冒泡,并提供一些示例代碼來幫助您理解如何實(shí)現(xiàn)這一功能,需要的朋友可以參考下2023-11-11
JS實(shí)現(xiàn)對json對象排序并刪除id相同項(xiàng)功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)對json對象排序并刪除id相同項(xiàng)功能,涉及javascript針對json格式數(shù)據(jù)的遍歷、運(yùn)算、判斷、添加、刪除等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
關(guān)于JS中setTimeout()無法調(diào)用帶參函數(shù)問題的解決方法
這篇文章主要介紹了關(guān)于JS中setTimeout()無法調(diào)用帶參函數(shù)問題的解決方法,提供了2種解決方法供大家對比參考,需要的朋友可以參考下2016-06-06
這篇文章主要幫助大家簡單實(shí)現(xiàn)JavaScript彈幕效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了js精準(zhǔn)計(jì)算，對此感興趣的同學(xué)，可以實(shí)驗(yàn)一下2021-04-04
這篇文章主要為大家詳細(xì)介紹了dropload.js插件下拉刷新和上拉加載的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
js模擬滾動條(橫向豎向)，需要的朋友可以參考一下2013-02-02
bootstrap 日期控件 datepicker被彈出框dialog覆蓋的解決辦法
這篇文章主要介紹了bootstrap 日期控件 datepicker被彈出框dialog覆蓋的解決辦法 ,本文給大家分享幾種解決方法，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-07-07