微信小程序获取多选框选中值和选中值对应的id
程序员文章站
2022-07-13 23:04:09
...
有问题可以扫码加我微信,有偿解决问题。承接小程序开发。
微信小程序开发交流qq群 173683895 、 526474645 ;
正文:
官方文档中只有获取多选框的值的方法,但是我需要获取选中的值同时还要获取选中值对应的id,但是又不能操作DOM获取,相信和我有同样需求的伙伴们都会为此发愁,经过我近两个小时的测试终于想出一个解决办法,下面将源代码分享给大家。
<checkbox-group bindchange="checkboxChange">
<label class="checkbox" wx:for="{{itemList}}">
<checkbox value='{{item.title}},{{item.id}}' checked="{{item.checked}}"/>{{item.title}}
</label>
</checkbox-group>
// 获取多选框list中选中的值和对应的id
checkboxChange: function (e) {
var text=[];
var id = [];
for (var i = 0; i < e.detail.value.length;i++){
var aaa = e.detail.value[i].split(',');
text = text.concat(aaa[0])
id = id.concat(aaa[1])
}
},
在这之前试过好几种方案,不是麻烦就是行不通,希望这样方案能够帮助到需要帮助的人,另外欢迎加入我的微信小程序开发交流qq群(173683895)
上一篇: wpf 去除window默认样式
下一篇: 提交完之后多选框选中的值还保存在页面上