创新互联百度小程序教程：checkbox-group多项选择器组

  • checkbox-group 多项选择器组
    • 属性说明
    • 示例
      • 代码示例 1：默认样式
      • 代码示例 2：列表展示
      • 代码示例 3：包含禁用选项
      • 代码示例 4：默认不选中
      • 代码示例 5：自定义颜色

    checkbox-group 多项选择器组

    解释：多项选择器组，内部由多个 checkbox 组成。

    10年积累的成都网站设计、成都做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有鼓楼免费网站建设让你可以放心的选择与我们合作。

    属性说明

    属性名 类型 默认值 必填 说明

    bindchange

    EventHandle

    否

    checkbox-group 中选中项发生改变时触发 change 事件，detail = {value:[选中的 checkbox 的 value 的数组]}

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例 1：默认样式

    • SWAN
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  默认样式
      4.   
  
  
    4.  
      5.   
  
  
    5.  多选项一
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  多选项二
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
      12.

    代码示例 2：列表展示

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  列表展示
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  {{item.text}}
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
      9.

    代码示例 3：包含禁用选项

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  包含禁用选项
      5.   
  
  
    5.  disabled
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  可用选项
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
    11.  可用选项 
      12.   
  
  
    12.  
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.   
  
  
    15.  禁用选项
      16.   
  
  
    16.  
      17.   
  
  
    17.  
      18.   
  
  
    18.  
      19.   
  
  
    19.  禁用选项
      20.   
  
  
    20.  
      21.   
  
  
    21.  
      22.   
  
  
      23.

    代码示例 4：默认不选中

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  默认不选中
      5.   
  
  
    5.  checked="false"
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  多选项一
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.   
  
  
    12.  多选项二
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.   
  
  
    15.  
      16.   
  
  
      17.

    代码示例 5：自定义颜色

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  自定义颜色
      5.   
  
  
    5.  color="#00BC89"
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  选项名称
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.   
  
  
    12.  选项名称
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.   
  
  
    15.  
      16.   
  
  
      17.

    网页名称：创新互联百度小程序教程：checkbox-group多项选择器组
    网站地址：http://www.mswzjz.cn/qtweb/news35/501185.html

    攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能

    贝锐智能技术为您推荐以下文章

    微信小程序知识

    行业网站建设

    乐山网站建设　　 　四川白乌鱼　　 　小谭建站　　 　LED亮化工程　　 　玄科环保　　 　成都纯水机　　 　艾瑞格衣柜　　 　网站建设策划方案　　 　重庆网站设计　　 　网站维护　　 　成都网站建设　　 　中国电信成都枢纽中心　　 　做网站　　 　温江服务器租用　　 　做网站　　 　IDC机房托管　　 　app开发公司　　 　云服务器　　 　温江做网站　　 　内江网站建设