• 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：列表展示

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 列表展示
  
  
  
 
  
  
  
 
  
  
  
 {{item.text}}
  
  
  
 
  
  
  
 
  
  
  
 
 
 

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

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 包含禁用选项
  
  
  
 disabled
  
  
  
 
  
  
  
 
  
  
  
 可用选项
  
  
  
 
  
  
  
  
  
  
  
 可用选项 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 禁用选项
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 禁用选项
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代码示例 4：默认不选中

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 默认不选中
  
  
  
 checked="false"
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 多选项一
  
  
  
 
  
  
  
 
  
  
  
 多选项二
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代码示例 5：自定义颜色

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 自定义颜色
  
  
  
 color="#00BC89"
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 选项名称
  
  
  
 
  
  
  
 
  
  
  
 选项名称
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

名称栏目：创新互联百度小程序教程：checkbox-group多项选择器组
分享链接：http://www.gydahua.com/article/cdcjgpg.html