小程序多选搜索

本文介绍了如何在小程序中实现多选搜索功能。通过展示WXML和JS代码,讲解了如何处理点击事件以实现选中和取消选中,并支持用户进行多项选择。

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

直接上代码

要求:点击选中,再次点击以后取消选中,并且支持多选。

WXML:

<view class="{
  
  {item.flg?'nav-active':''}}" bindtap='screen' wx:for="{
  
  {mark}}" wx:key="index" data-index='{
  
  {index}}'>{
  
  {mark[index].mark}}</view>

JS:

data:{
    mark: [{ id: "1", mark: "拿本快", flag: "1", create_time: "2019-07-10", flg: false },
         { id: "2", mark: "教练负责", flag: "1", create_time: "2019-07-12", flg: false },
         { id: "3", mark: "合格率高", flag: "1", create_time: "2019-07-10", flg: false },
         { id: "4", mark: "环境好", flag: "1", create_time: "2019-07-12", flg: false },
         { id: "5", mark: "教练技术硬", flag: "1", create_time: "2019-07-12", flg: false },
         { id: "6", mark: "规模大", flag: "1", create_time: "2019-07-12", flg: false
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值