今天給看微信小程序多選框時(shí)，自己寫了(le／liǎo)一個(gè)例子(zǐ)（類似選擇題），希望對大(dà)家有幫助

多選框列表中，我添加了(le／liǎo)判斷如果沒有選任何一項，提交按鈕是(shì)不(bù)能點擊提交的(de)；如果想要(yào / yāo)提示，把按鈕的(de)disabled屬性删掉就(jiù)行；

wxml：

<view  class="container log-list">
<checkbox-group bindchange="checkboxChange">
<label class="checkbox" wx:for="{{items}}" wx:key="item">
<checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
</label>
</checkbox-group>
<button bindtap="submit" disabled="{{clickCheck}}">提交</button>
</view>

js:

var checkValue = [];
page({
   data:{
items:[
{ name: 'USA', value: '美國(guó)'},
{ name: 'CHN', value: '中國(guó)'},
{ name: 'BRA', value: '巴西'},
{ name: 'JPN', value: '日本'},
{ name: 'ENG', value: '英國(guó)'},
{ name: 'TUR', value: '法國(guó)'}
       ],
// 綁定按鈕是(shì)否可點
clickCheck:true
},
// 點擊單選框
checkboxChange: function (e) {
checkValue = e.detail.value;
// 判斷是(shì)否選擇了(le／liǎo)，如果選擇了(le／liǎo)，才能點擊按鈕
if (e.detail.value[0]){
this.setData({
clickCheck: false
})
}else{
this.setData({
clickCheck: true
})
}
},
// 點擊表單提交
submit:function(){
// 如果checkValue有值，說(shuō)明選擇了(le／liǎo)，可以(yǐ)提交
if (checkValue[0]){
wx.showToast({
title: '提交成功',
})
}else{
wx.showToast({
title: '未答題',
})
}
}
})