checkbox

---

复选框

wx

web

native

属性

属性名	类型	必填	默认值	说明
checked	Boolean	否	关闭	是否开启
label	String	否		复选框文案
disabled	Boolean	否	false	是否禁用
position	String	否	left	复选框相对于文案的位置，可选值包括：left、right
group-index	Number	否	-1	表示在checkbox-group中的索引
checkedIcon	String	否	-	选中时图标
uncheckIcon	String	否	-	未选中时图标
cstyle	String	否	-	自定义样式
c-bind:change	EventHandle	否		点击复选框触发 返回事件对象： event.detail 返回值： event.detail.value

示例

<template>
  <checkbox
    checked="{{checkboxValue}}"
    disabled="{{false}}"
    label="Checkbox"
    c-bind:change="valueChange"
  >
  </checkbox>
</template>
<script>
class Checkbox {
  data = {
    checkboxValue: true,
  };
  methods = {
    valueChange(e) {
      this.checkboxValue = e.detail.value;
    },
  };
}
export default new Checkbox();
</script>
<script cml-type="json">
{
  "base": {}
}
</script>