微信小程序單選radio及多選checkbox按鈕用法示例
更新時(shí)間：2019年04月30日 10:27:34 作者：weixin_41991473
這篇文章主要介紹了微信小程序單選radio及多選checkbox按鈕用法,結(jié)合實(shí)例形式分析了微信小程序中單選radio及多選checkbox按鈕的選項(xiàng)設(shè)置、讀取、選中等相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了微信小程序單選radio及多選checkbox按鈕用法。分享給大家供大家參考，具體如下：
1.單選：radio
實(shí)例：
js:
Page({
data : {
radioId:"",
loves:[
{id:1, name:"跑步" ,checked : 'true'},
{id:2, name:"籃球" },
{id:3, name:"足球" },
]
},
updataRadio:function(e){
var Id=e.value.id
this.setData({
radioId:Id
})
},
})
wxml:
<radio-group class="radio" bindChange="updataRadio">
<view wx:for="{{loves}}">
<radio value="{{item.id}}" checked="{{item.checked}}">{{item.name}}</radio>
</view>
</radio-group>
2.多選：CheckBox
實(shí)例：
js:
Page({
data : {
radioId:[],
loves:[
{id:1, name:"跑步" ,checked : 'true'},
{id:2, name:"籃球" },
{id:3, name:"足球" },
]
},
updataRadio:function(e){
var Id=e.value.id
this.setData({
radioId:Id
})
},
})
wxml:
<checkbox-group class="checkbox" bindChange="updataRadio">
<view wx:for="{{loves}}">
<chechbox value="{{item.id}}" checked="{{item.checked}}">{{item.name}}</chechbox>
</view>
</checkbox-group>
附：多選獲得的值是一個(gè)數(shù)組，單選獲得的值是一個(gè)單值
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
相關(guān)文章
bootstrapfileinput實(shí)現(xiàn)文件自動(dòng)上傳
這篇文章主要介紹了bootstrapfileinput實(shí)現(xiàn)文件自動(dòng)上傳,bootstrap fileinput插件對(duì)多種類型的文件提供文件預(yù)覽，并且提供了多選等功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
微信小程序?qū)崿F(xiàn)獲取手機(jī)號(hào)60s倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)獲取手機(jī)號(hào)60s倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了for?of?和?for?in?的區(qū)別,for?of?和?for?in都是用來(lái)遍歷的屬性，本文重點(diǎn)介紹下for?of?和?for?in?的區(qū)別，需要的朋友可以參考下2022-12-12
異步加載JS文件的實(shí)現(xiàn)函數(shù)代碼。2009-07-07
js實(shí)現(xiàn)滑動(dòng)觸屏事件監(jiān)聽(tīng)的方法
這篇文章主要介紹了js實(shí)現(xiàn)滑動(dòng)觸屏事件監(jiān)聽(tīng)的方法,適用于手機(jī)端觸屏滑動(dòng)事件的監(jiān)聽(tīng)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
Javascript removeChild()刪除節(jié)點(diǎn)及刪除子節(jié)點(diǎn)的方法
這篇文章主要介紹了Javascript removeChild()刪除節(jié)點(diǎn)及刪除子節(jié)點(diǎn)的方法的相關(guān)資料,需要的朋友可以參考下2015-12-12
JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法實(shí)例詳解
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。通過(guò)本文給大家介紹JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法，感興趣的朋友一起學(xué)習(xí)吧2016-03-03
調(diào)試Node.JS的輔助工具(NodeWatcher)
Node.JS調(diào)試貌似比較麻煩,每次改完了要重啟一下Node進(jìn)程.GOOGLE上有個(gè)NPM模塊,可以監(jiān)控JS文件的更改,然后自動(dòng)重啟Node.但我下載后在windows里運(yùn)行報(bào)錯(cuò)
2012-01-01 
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日歷功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11