• checkbox-group 多項選擇器組
  • 屬性說明
  • 示例
    • 代碼示例 1：默認(rèn)樣式
    • 代碼示例 2：列表展示
    • 代碼示例 3：包含禁用選項
    • 代碼示例 4：默認(rèn)不選中
    • 代碼示例 5：自定義顏色

checkbox-group 多項選擇器組

解釋：多項選擇器組，內(nèi)部由多個 checkbox 組成。

10年積累的成都網(wǎng)站設(shè)計、成都做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有鼓樓免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

屬性說明

屬性名	類型	默認(rèn)值	必填	說明
bindchange	EventHandle		否	checkbox-group 中選中項發(fā)生改變時觸發(fā) change 事件，detail = {value:[選中的 checkbox 的 value 的數(shù)組]}

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

代碼示例 1：默認(rèn)樣式

• SWAN

 
 
 

  
  
  
  
  
  
 
  
  
  
 默認(rèn)樣式
  
  
  
 
  
  
  
 多選項一
  
  
  
 
  
  
  
 
  
  
  
 多選項二
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代碼示例 2：列表展示

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 列表展示
  
  
  
 
  
  
  
 
  
  
  
 {{item.text}}
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代碼示例 3：包含禁用選項

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 包含禁用選項
  
  
  
 disabled
  
  
  
 
  
  
  
 
  
  
  
 可用選項
  
  
  
 
  
  
  
  
  
  
  
 可用選項 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 禁用選項
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 禁用選項
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代碼示例 4：默認(rèn)不選中

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 默認(rèn)不選中
  
  
  
 checked="false"
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 多選項一
  
  
  
 
  
  
  
 
  
  
  
 多選項二
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代碼示例 5：自定義顏色

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 
  
  
  
 自定義顏色
  
  
  
 color="#00BC89"
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 選項名稱
  
  
  
 
  
  
  
 
  
  
  
 選項名稱
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

網(wǎng)頁題目：創(chuàng)新互聯(lián)百度小程序教程：checkbox-group多項選擇器組
標(biāo)題URL：http://m.fisionsoft.com.cn/article/cdcjgpg.html