关于小程序的radio控件,官网上非常详细,在这里我主要写关于渲染radio值,
在业务系统中,如性别,是需要在看到radio的同时设定男或女,本人曾经试过在数组中把checked的属性全部设为false,企鹅大佬会自动赋值,最近回来看又不行了,于是手动写了个js方法。
若有其他更简单的解决方案,欢迎留言
<radio-group class="profes" name="profes" value="{{profes}}" bindchange="radioAgeChange">
<radio class="radio" wx:for-items="{{ageGroup}}" wx:key="name" value="{{item.value}}" checked="{{item.checked}}">
<text>{{item.name}}</text>
</radio>
</radio-group>
ageGroup: [{ value: 1, name: '学生' }, { value: 2, name: '青年'}, { value: 3, name: '成年'}, { value: 4, name: '中年'}]
/**
* 加载年龄radio的初始值
* 目前这方法是一个radio控件就写一次,可改成多个radio控件通用,把ageGroup作为参数传出即可
*/
setAgeGroup: function (age) {
var ageGroup = this.data.ageGroup;
for (var i in ageGroup) {
var ageGroup = this.data.ageGroup;
if (ageGroup[i].value == age) {
ageGroup[i].checked = true
} else {
ageGroup[i].checked = false
}
}
this.setData({
ageGroup: ageGroup
})
},
网页端的,待补充