微信小程序实现多选框全选操作_javascript技巧_

                               推荐展示样式                                                                                                                                                           {{item.name}}                                                                      全选                   

Page({     data: {         checkedAll: "",         items: [{                 value: 'USA',                 name: '美国'             },             {                 value: 'CHN',                 name: '中国',                 checked: 'true'             },             {                 value: 'BRA',                 name: '巴西'             },             {                 value: 'JPN',                 name: '日本'             },             {                 value: 'ENG',                 name: '英国'             },             {                 value: 'FRA',                 name: '法国'             }         ]     },     checkboxChange(e) {         console.log('checkbox发生change事件，携带value值为：', e.detail.value)         const items = this.data.items         const values = e.detail.value         for (let i = 0, lenI = items.length; i < lenI; ++i) {             items[i].checked = false             for (let j = 0, lenJ = values.length; j < lenJ; ++j) {                 if (items[i].value === values[j]) {                     items[i].checked = true                     break                 }             }         }         this.setData({             items         })         if (e.detail.value.length == 6) {             console.log(this.data.checkedAll);             this.setData({                 checkedAll: true             })         }else{             this.setData({                 checkedAll: ""             })         }     },     checkboxAll(e) {         if (e.detail.value.length == 1) {             // 全选状态             const items = this.data.items             for (let i = 0; i < items.length; i++) {                 items[i].checked = true             }             this.setData({                 items             })         } else {             // 没有全选状态             const items = this.data.items             for (let i = 0; i < items.length; i++) {                 items[i].checked = false             }             this.setData({                 items             })         }     } })