微信小程序 三元运算 checked

本文介绍了一个基于用户性别信息显示对应radio按钮的选择器组件优化案例。通过条件判断展示正确的性别选项,解决了原先设置checked属性无效的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

预期效果:

根据用户性别,显示radio group,并将相应radio checked

 

代码如下:

  <view class="form-line">
    <view wx:if="{{userInfo.gender == '1' }}">性别:</view>
    <radio-group>
    <radio value="0" checked="{{ userInfo.gender == '0' ?'true':''}}">未知</radio>
    <radio value="1" checked="{{ userInfo.gender == '1' ? 'true' : ''}}">男</radio>
    <radio value="2" checked="{{ userInfo.gender == '2' ?'true':''}}">女</radio>   
    </radio-group>
  </view>

 

之前写 true false,但出不来效果

<radio value="1" checked="{{ userInfo.gender == '1' ? 'true' : 'false'}}">男</radio>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值