checkbox checked="{{item.checked}} 小程序中反显状态如何显示
时间: 2024-10-20 09:07:01 浏览: 17
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
在微信小程序中,如果你想让checkbox组件的状态根据`item.checked`数据动态反显,你可以这样做:
```html
<view class="checkbox">
<checkbox value="{{item.value}}" checked="{{item.checked}}"> {{item.label}} </checkbox>
</view>
```
在这个例子中,`item.checked`是一个布尔值,如果`item`对象的`checked`属性为`true`,那么对应的checkbox将会被选中;反之,如果`false`则为未选中状态。
当你在data里初始化这个列表时,需要给每个`item`对象设置初始的`checked`值:
```javascript
data: {
items: [
{ label: '选项一', checked: true },
{ label: '选项二', checked: false },
// 更多项...
]
}
```
这样,在页面渲染时,每个checkbox的状态就会根据`item.checked`的数据来显示了。若想改变某个checkbox的状态,可以直接修改对应`item`的`checked`属性即可。
阅读全文