目前刚刚开始自学小程序开发,看视频到checkbox的全选语句的地方,想用类似办法通过if语句来进行筛选,但是一直失败。
个人猜测是if条件语句中取值有问题,但是实在不知道怎么解决了。主要是希望把 e.detail.value 换成 item 中的 name 参数,求各路大神帮个忙。
如果有更简单的办法一样也好,谢谢。(红背景黄色字加粗倾斜下划线的就是问题所在……至少我觉得是……)
index.js 文件下的代码:
Page({
data: {
items: [
{ name:"USA", value:"美国"},
{ name:"CHN", value:"中国", checked:"true"},
{ name:"JPN", value:"日本"},
{ name:"BRZ", value:"巴西"},
{ name:"ENG", value:"英国"},
{ name:"FRC", value:"法国"},
{ name:"RAS", value:"俄罗斯"},
},
checkboxChange:function(e) {
console.log("checkbox发生change事件,携带value值为:", e.detail.value)
},
checkAll:function(e) {
console.log(e);
varitems =this.data.items;
varall = [];
for(vari =0; i < items.length; i++) {
varitem = items;
if(e.detail.value =="quanxuan") {
item.checked ="true"
}
else{
item.checked =""
}
all= item;
}
console.log(all)
this.setData({ items: all });
},
checkLM:function(e) {
varitems =this.data.items;
varall = [];
for(vari =0; i < items.length; i++) {
varitem = items;
if(e.name=="USA","CHN","ENG","FRC","RAS") {
item.checked ="true"
}
else{
item.checked =""
}
all= item;
}
console.log(all)
this.setData({ items: all });
}
})
index.wxml 的代码
<checkbox-group bindchange="checkboxChange">
<label class="checkbox" wx:key="navItems" wx:for-items="{{items}}">
<checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
</label>
</checkbox-group>
<view>------------------------------</view>
<view>
<checkbox-group bindchange="checkAll">
<checkbox value='quanxuan'>全选</checkbox>
</checkbox-group>
</view>
<view>
<checkbox-group bindchange="checkLM">
<checkbox value='Liumang'>五大流氓</checkbox>
</checkbox-group>
</view>
相似问题