微信小程序---多项选中（单选）

最新推荐文章于 2024-10-16 13:31:03 发布

ZhangXD_BLOG

最新推荐文章于 2024-10-16 13:31:03 发布

阅读量3k

点赞数

本文链接：https://blog.csdn.net/u012054869/article/details/88533289

版权

本文介绍如何在微信小程序中实现选择项的单选和多选功能。通过解析`index.wxml`、`index.wxss`和`index.js`文件的内容，详细讲解了相关配置和逻辑操作，帮助开发者掌握微信小程序中选择交互的实现技巧。

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

index.wxml

  <view class='list'>
    <view class='colorList' bindtap='toggleBtn' id='1'>
      <view class='white'>
        <view class="{
  {idx==1?'show':'hidden'}}">
          <view class="on">
            <image src='../image/ok_2.png' mode="widthFix"></image>
          </view>
        </view>
      </view>
      <view class='colorTitle'>白色</view>
    </view>
    <view class='colorList' bindtap='toggleBtn' id="2">
      <view class='red'>
        <view class="{
  {idx==2?'show':'hidden'}}">
          <view class="on">
            <image src='../image/ok_2.png' mode=