微信小程序的开发之二级购物单选、全选功能

最新推荐文章于 2024-06-21 10:52:40 发布

阡路陌人

最新推荐文章于 2024-06-21 10:52:40 发布

阅读量3.6k

点赞数 3

分类专栏：小程序文章标签：微信小程序二级购物单选、多选

本文链接：https://blog.csdn.net/m0_37852904/article/details/80701970

版权

本文介绍了如何在微信小程序中开发二级购物选择功能，包括两个级别的循环列表套用，以及对应的wxml、wxss和js实现代码，最终展示了实现效果。

摘要由CSDN通过智能技术生成

所谓的二级购物选择，先分为二级购物和选择。二级购物即为连个循环列表的套用

wxml

<checkbox-group>
    <label class="checkbox" wx:for-items="{
   {
   items}}" data-value='{
   {
   item.name}}' bindtap="checkboxChange">
        <text class="{
   {
   item.checked == true?'is_checked':''}}"></text>
        <checkbox value="{
   {
   item.name}}" checked="{
   {
   item.checked == true}}" color='{
   {
   color}}' hidden='true'/>{
   {
   item.value}}
        <view class='fr' catchtap='dowmUp' data-value='{
   {
   item.name}}'>
          <image src='../../images/down.png' hidden='{
   {
   item.isClick}}'></image>
          <image