小程序復選框循環


<checkbox-group name="owner_xgfy" bindchange="checkboxChange" class="checkboxWrap">
<label class="checkbox" wx:for="{{demo}}" wx:for-index="idx" wx:key="{{idx}}">
<checkbox value='{{item.name}}' checked='{{item.checked}}' bind="{{onChecked}}">{{item.name}}</checkbox>
</label>
</checkbox-group>
 
var demo = [
{ name: "水費", checked: false },
{ name: "電費", checked: false },
{ name: "物業費", checked: false },
{ name: "收視費", checked: false },
{ name: "供暖費", checked: false },
{ name: "燃氣費", checked: false },
{ name: "衛生費", checked: false },
{ name: "上網費", checked: false },
{ name: "燃氣費", checked: false },
{ name: "車位費", checked: false },
{ name: "租賃稅費", checked: false }
];
 
console.log(info.owner_xgfy);
var arr = info.owner_xgfy;
demo = demo.map(item =>{
item.checked = arr.indexOf(item.name)!= -1
return item
})
that.setData({
"demo":demo
})
 
function onChecked(e){
var idx = e.target.value;
demo[idx].checked = !demo[idx].checked;
this.setData({
"demo":demo
})
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM