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

本文介绍了如何在微信小程序中开发二级购物选择功能,包括两个级别的循环列表套用,以及对应的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 
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值