微信小程序模拟多选效果

最新推荐文章于 2025-06-15 12:49:33 发布

原创

最新推荐文章于 2025-06-15 12:49:33 发布 · 688 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #typescript #小程序

本文介绍了如何在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