今天给看微信小程序多选框时，自己写了一个例子（类似选择(xuanze)题），希望对大家有帮助！
今天给看微信小程序多选框时，自己写了一个例子（类似选择(xuanze)题），希望对大家有帮助
多选框列表中，我添加了判断如果没有选任何一项，提交按钮是不能点击提交的 ；如果想要提示，把按钮的 disabled属性(property)删掉就行；
wxml：
<view ><checkbox-group bindchange="checkboxChange"><label 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: '美国'},{ name: 'CHN', value: '中国'},{ name: 'BRA', value: '巴西(Brazil)'},{ name: 'JPN', value: '日本'},{ name: 'ENG', value: '英国'},{ name: 'TUR', value: '法国'} ],// 绑定按钮是否可点clickCheck:true},// 点击单选框checkboxChange: function (e) {checkValue = e。宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。宁波微信小程序开发是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。detail.value;// 判断是否选择(xuanze)了，如果选择了，才能点击按钮if (e.detail.value[0]){this.setData({clickCheck: false})}else{this.setData({clickCheck: true})}},// 点击表单提交submit:function(){// 如果checkValue有值，说明选择了，可以提交if (checkValue[0]){wx.showToast({TITLE（标题）: '提交成功',})}else{wx.showToast({title: '未答题',})}}})
