本例分享了微信小程序实现复选框显示的具体代码，供大家参考。具体内容如下

你可以自由发挥风格的部分。反正这里没写什么。你可以用这个。data.arr status [check index]判断是否勾选，然后你就明白了。

效果预览：

Js部分

//page/index/index . js page({/* * * page的初始数据*/data : { items :[{ name 3360 ' USA '，value:' USA'}，{name3360' CHN '，value:' China'}，{name: 'BRA '，value: '巴西' }，{name: 'JPN '，value: '日本' }，{ name: ' eng '//获取当前选中的下标var校验索引=e . currenttarget . dataset . index；//当前选择的逆数值是this . data . arr status[check index]=！this . data . arrstatus[CheckIndex]；如果(这个。data . arr status[check index]){//如果当前选中，则将该值插入数组this . data . arr . push(check value)；}else{ //如果当前未选中，则从数组中删除该值，并为(var I)返回一个新数组。data.arr) {if (this。data . arr[I]==check value){这个。data.arr.split(一)；} } }//打印当前选中的数据console . log(this . data . arr)；}，/* * *生命周期函数-监控页面加载*/onload :函数(选项){//设置数组中每个数据的状态为(var I在此。data.items) {this。data . arr status[I]=false；} }，})wxml部分：

block wx : for=' { { items } } ' text data-index=' { { index } } ' data-val=' { { item . value } } ' catch tap=' check“{ item . value } }/text/block

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。