checkbox
多选项目。
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | String | <checkbox/>标识，选中时触发<checkbox-group/>的 change 事件，并携带 <checkbox/> 的 value | |
| disabled | Boolean | false | 是否禁用 |
| checked | Boolean | false | 当前是否选中，可用来设置默认选中 |
| color | Color | checkbox的颜色，同css的color |
<checkbox checked="" value="1" /> <!--最终为选中效果--><checkbox checked="false" value="1" /> <!--最终为选中效果--><checkbox checked="0" value="1" /> <!--最终为选中效果--><checkbox value="1" /> <!--最终为未选中效果--> |
最终出来的均为选中状态，测试后发现只要存在checked属性，不管checked值为什么内容最终都是选中状态。
- 预期表现
checked为false状态下应该为不选中
true状态下应该为选中。
- 复现路径
执行上面代码
- 提供一个最简复现 Demo
执行上面代码
<p>1</p><checkbox checked="{{false}}" value="1" />
test ok，
不过想说以为避坑原来踩坑了。
下面是官方提供的sample，
其中checked:'true'<----我还以为一定要字符
Page({ data: { items: [ {name: 'USA', value: '美国'}, {name: 'CHN', value: '中国', checked: 'true'}, {name: 'BRA', value: '巴西'}, {name: 'JPN', value: '日本'}, {name: 'ENG', value: '英国'}, {name: 'TUR', value: '法国'}, ] }, checkboxChange: function(e) { console.log('checkbox发生change事件，携带value值为：', e.detail.value) } })