checkbox checkbox-group form input label picker picker-view picker-view-column radio radio-group slider switch textarea 导航 navigator 媒体组件 image video camera 地图 Map 画布 canvas web-view
<checkbox-groupbindchange="checkboxChange"><checkboxvalue="{{item.name}}"checked="{{item.checked}}"/>{{item.value}}</checkbox-group> 1 2 3 4 5 6 Page({data:{items:[{name:'USA',value:'美国'},{name:'CHN',value:'中国',checked:'true'},{name:'BRA',value:'巴西'},{name:'...
它们的双向绑定都非常简单,我们没有写任何多余的代码就按规定的格式完成了数据的输入输出,这种设计思路同样可以用在 Checkbox Group 上面。 Checkbox Group 的设计实现 看完上面关于 Select 的两个例子,或许已经不需要我再多说什么了,最终设计的 Checkbox Group 代码如下: 代码语言:javascript 代码运行次数:0 运行 AI...
checkbox-group 基础库 1.0.0 开始支持,低版本需做兼容处理。 微信Windows 版:支持 微信Mac 版:支持 微信 鸿蒙 OS 版:支持 渲染框架支持情况:Skyline (使用最新 Nightly 工具调试)、WebView 功能描述 多项选择器,内部由多个checkbox组成。 属性说明 属性类型默认值必填说明最低版本 bindchange EventHandle 否 chec...
checkboxGroup组件,表单多选组件。 目录 一、综述 二、DOM结构 三、样式 四、属性 五、方法 六、事件 七、操作 八、案例 一.综述 checkbox组件,表单多选组件,用于表单中的多选 组件路径:/UI2/system/components/justep/select 组件标识:$UI/system/components/justep/select/checkboxGroup ...
checkbox-group 概述多项选择器,内部由多个checkbox组成。 使用限制 限制条件 说明 适用终端 手机、平板 适用区域 全球 属性 属性 类型 ……欲了解更多信息欢迎访问华为HarmonyOS开发者官网
复选框组合,内部由多个 CheckboxItem 组成。 重要 复选框组内部子元素,必须配合 CheckboxGroup 使用,有单独使用需求的请使用 Checkbox。 CheckboxGroup 组件与 CheckboxItem 组件必须有相同的 uid,且 uid 全局唯一。 当作为表单组件,配合Form/FormItem组件使用时,需要设置CheckboxGroup组件的mode ...
checkbox 多项选择器 checkbox-group 多项选择器组 switch 单选开关 slider 滑动选择器 picker-view 滚动选择器 picker 底部弹起的滚动选择器 导航 媒体组件 画布 地图 开放组件 无障碍访问 页面属性配置节点 扩展组件 广告开发 > 组件 > 表单组件 > checkbox-group 多项选择器组 ...
解释:多项选择器组,内部由多个 checkbox 组成。 属性说明 属性名 类型 默认值 必填 说明 bindchange EventHandle 否 checkbox-group 中选中项发生改变时触发 change 事件,detail = {value:[选中的 checkbox 的 value 的数组]} 示例 在开发者工具中打开 扫码体验 代码示例 1:默认样式 SWAN <view ...
<checkbox-group bind:change="checkboxChange"> <view> <checkbox class="checkItem" value="value1" disabled="true"></checkbox>选项1 不可选 </view> <view> <checkbox class="checkItem" value="value2" ></checkbox>选项2 </view> <view> <checkbox class="checkItem" value="value3...