⼩程序radio-group动态修改默认勾选某⼀项
写项⽬的时候碰到⼀个问题,页⾯打开的时候需要默认勾选radio的某⼀项,默认勾选项是会变化的,⽹上查了⼀下,没到类似的⽂章,⾃⼰研究了⼀下,现在分享给⼤家。
⾸先wxml部分
<radio-group class="section_val flex wrap" name="schedule" bindchange="radioChange">
<label wx:for="{{progress}}" wx:key="index" class="radioBox flex alignC">
<radio value="{{item.id}}" color="#11BE84" class="radio" checked="{{item.checked}}" />
<view>{{item.name}}</view>
</label>
</radio-group>
js部分
var checked = "progress[0].checked" //其中progress[0]中空号⾥只能存放0-9的数字
this.setData({
[checked]: true
})
但是这种⽅式有个缺陷,上⾯progress[0]中空号⾥只能存放0-9的数字,⽆法存放变量。⽆法实现我们的功能,我们需要加个判断
if (data.schedule == 0) {
var checked = "progress[0].checked"
}
if (data.schedule == 1) {
var checked = "progress[1].checked"
}
if (data.schedule == 2) {
var checked = "progress[2].checked"
}
else {
var checked
}
.
.
.
this.setData({
[checked]: true
})
利⽤这种笨⽅式实现了radio动态修改默认勾选某⼀项这个功能,如果⼤家有好的⽅法,欢迎我留⾔交流。htmlradio设置默认的按钮
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论