以前也给巨大家讲过怎么在ThinkPHP里搞定优良几个类别许多选的问题， 基本上原因是那是用PHP来处理的，所以操作起来挺轻巧松的。今天咱们来聊聊细小程序里怎么处理分类许多选的问题，这玩意儿相对来说要麻烦一点。下面我用品牌分类许多选来举个例子，希望Neng帮到需要的朋友们。

文件结构先来了解一下

先kankan图片， 如下：

图片说明：{{item == select_brand ? 'active' : ''}}: 这玩意儿意思是说Ru果点击选中，就给当前项添加一个“active”的类名，这样就Nengkan得出来选中的效果了。

预览效果展示

预览的效果巨大概是这样的：

文件代码详解

下面着沉讲讲文件的代码，基本上原因是沉点的功Neng巨大体上dou在这里。

初始化品牌参数

Page({
    data: {
        brand_id: 0, // 品牌的id
        brand_list: , // 品牌列表
        select_brand: , // 选中的品牌id
    },
    // 其他代码...
})

绑定点击事件的函数

select_brand: function  {
    var that = this;
    var brand_list = _list; // 获取品牌二维数组
    var select_brand = _brand; // 获取所选的品牌数组
    var key = parseInt; // 这里的parseInt需要正确赋值
    for  {
        if  {
            if ) { // 这里的逗号用错了 得是括号
                // Ru果Yi经选中过了那么再点击就要反选，即不选中
                delete select_brand; // 删除Yi选中的元素
            } else {
                select_brand = brand_list; // Ru果之前未选中，则添加这玩意儿元素，即当前品牌名称会出现选中状态。
            }
        }
    }
    ({
        select_brand: select_brand, // 这里需要沉新鲜赋值
    })
}

函数说明

其中inArray函数如下图所示：

这篇文章给巨大家介绍了怎么在细小程序中自定义一个许多层级单选和许多选功Neng， 内容非常详细，感兴趣的细小伙伴们Neng参考借鉴，希望对巨大家Neng有所帮。

文章详细展示了怎么利用WXSS和WXML来定制复选框样式，以及怎么通过JS处理点击事件。

微信细小程序的picker组件在android上的列表有无限循环的问题，而且反馈之后迟迟没有修优良；微信细小程序的picker组件没有良优良的许多选模式；说明分装...

本文介绍了在微信细小程序中实现单选和许多选功Neng的方法。

微信细小程序实现许多选功Neng。切换分类或搜索则退出许多选模式。

分类：编程语言_编程学 作者：巨大灰狼吃细小白兔 发布日期：2022-10-16 15:13:15

所以功Neng实现相对比比kan轻巧松， 下面介绍一下怎么在细小程序下处理分类许多选的问题...

Zui新鲜推荐文章于 2023-08-15 17:04:31发布 CEZLZZui新鲜推荐文章于 2023-08-15 17:04:31发布 阅读量1.2k 收藏 3 点赞数

分类专栏：细小程序系列 文章标签：细小程序 版权声明：本文为博主原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。