微信小程序 -- 解决radio、checkbox中的checked赋值问题

在小程序中，radio、checkbox组件的check属性该赋什么值，才能达到选中或者不选中的效果呢？

通过上网查到我们可知道，checked="true" 能够选中，checked="false" 还是能够选中，而checked=""才是不选中。

至于为什么呢？

在官网中（如上截图），我们知道checked的值类型为boolean，而我们所知道，对于“任何非空字符串”转为“boolean类型”都为true，所以在wxml中，radio、checkbox直接checked="true" ，它双引号/单引号包着的就是一个字符串，实际上就是给checked赋值为“true字符串”，该字符串转为boolean类型，就是true。这也就是为什么checked="true"、checked="false" 能够选中，而checked=""才是不选中。

所以要用一个参数去控制选中问题，那么，你就只需要想想该参数值转为boolean类型是true还是false就行了。

data: {
    checked:false
},

<radio checked='{{checked}}'></radio>
<checkbox checked='{{checked}}'></checkbox>