小程序开放平台

文档中心
表单组件
button
checkbox
checkbox-group
editor
form
input
label
picker
picker-view
picker-view-column
radio
radio-group
slider
switch
textarea
基础内容
媒体组件
地图
视图容器
导航组件
开放能力
画布

checkbox

开发
>
组件
>
表单组件
>
checkbox
>
更新时间:2024-11-13 20:29:40

checkbox

多选项目

属性
类型
默认值
必填
说明
valuestringcheckbox标识,选中时触发checkbox-group的 change 事件,并携带 checkbox 的 value
disabledbooleanfalse是否禁用
checkedbooleanfalse当前是否选中,可用来设置默认选中
colorstring#09BB07checkbox的颜色,同css的color

扫码预览

组件示例

  <view class="page-body">
    <view class="page-section">
      <view class="page-section-title">checkbox-group</view>
      <view class="weui-cells weui-cells_after-title">
        <view>当前选择value: {{curValue}}</view>
        <checkbox-group bindchange="checkboxChange">
          <label class="weui-cell weui-check__label" xhs:for="{{items}}" xhs:key="{{item.value}}">
            <view class="weui-cell__hd">
              <checkbox value="{{item.value}}" checked="{{item.checked}}"/>
            </view>
            <view class="weui-cell__bd">{{item.name}}</view>
          </label>
        </checkbox-group>
      </view>
    </view>
  </view>

该文档是否对您有帮助?