微信小程序模拟多选效果

liyan882

于 2022-06-11 16:15:21 发布

阅读量688

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 typescript 小程序

本文链接：https://blog.youkuaiyun.com/u014077467/article/details/125235655

本文介绍了如何在WXML中创建一个多选推广种类的视图，并通过JS进行交互处理。当用户点击推广类型选项时，JS函数`selectedPromotionType`会改变对应的`isSelected`状态，实现选项的选中与取消选中效果。数据结构包括`promotionTypeList`数组，每个元素包含`id`、`text`和`isSelected`属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、wxml中

<!-- 推广种类 -->
 <view class="release_subtitle"> 推广种类<text>（可多选）</text></view>
 <view class="public_options">
   <text wx:for="{
   
   {promotionTypeList}}" wx:key="index" class