预期效果：

根据用户性别，显示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>

转载于:https://www.cnblogs.com/freeliver54/p/6755711.html

微信小程序 三元运算 checked相关推荐

  1. 微信小程序三元预算_保持计算机软件和硬件在预算之内的程序员指南

    微信小程序三元预算 免费和开源软件,技能和过时的设备只能带您走远. 在某个时候,每个值得花钱的程序员都必须花一些钱来购买必要的计算机软件和硬件. 但是,为满足编程和开发需求而购买合适的工具并不等于花钱 ...

  2. 微信小程序 使用三元运算符动态渲染布局

    今天在写微信小程序时,被坑到了, <!--.wxml-> <view class="row-in {{to_top ? 'to-top' : 'to-bottom'}}&q ...

  3. 微信小程序之三元操作符

    微信小程序的api里面自带条件判断wx:if,基本能够满足我们的日常使用需求了,但有时候会发现比较繁琐,那么如果用三元操作符来写的话,相对来说会简洁很多,比如我要通过status状态来判断显示什么内容 ...

  4. 原生微信小程序使用class 三元运算符实现多选案例

    原生微信小程序使用class 三元运算符实现多选案例 如下图所示: 1,在vue中开发非常容易实现,使用数组的includes方法判断即可,但是在原生小程序中不可以 2,要及时的对定义的遍历进行set ...

  5. 微信小程序中动态添加删除class类名 使用三元表达式动态设置标签的class名

    目的,在微信小程序的swiper中达到除了active的哪一项外的其他项都有一个半透明的白色浮层. 效果图 如下: 功能实现: 我们使用三元表达式即可实现动态设置标签中的class属性 如下: < ...

  6. 微信小程序的wxml实现复杂运算或者数据处理

    在微信小程序的wxml中可以在{{}}进行里进行简单的三目运算.但是复杂的比如字符串截取,parseInt().str.split().num.toFixed(),substring等在{{}}里是无 ...

  7. 微信小程序进行加减法运算的小技巧

    Page({ data: { lastpasslevel:6, }, togame: function () { var nowlevel = this.data.lastpasslevel-1+2; ...

  8. 微信小程序实现两个数之间的运算

    微信小程序实现两个数之间的运算 要求:创建一个微信小程序实现两个数字的比较运算.加法运算.减法运算.乘法运算或者除法运算中的一种,效果如图(这里我写的包含了所有运算,可根据需要自行选择): app.j ...

  9. 微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)

    小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持) 微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/to ...

最新文章

  1. 编程是一种对你的身体健康十分有害的工作
  2. 哈工程计算机学院领导门志国,电气学院“钥匙工程”第二季：赵洪教授为2018级新生打开专业之门...
  3. Linux 命令之 killall 命令-使用进程的名称来杀死一组进程
  4. 这次，让算法走下神坛！
  5. U-mail邮件系统对故障的紧急措施有哪些？
  6. iOS UITextField设置起始字符开始位置
  7. 5. 用 PHP 源码操作 memcache(2)
  8. php 包含截断,php – 表单包含大量输入时截断/缺少表单...
  9. Web服务压力测试工具BullBench
  10. 反编译apk获取unity资源流程分享
  11. GIS应用技巧之定义图框样式
  12. window.onload和DOMContentLoaded的区别
  13. 【NLP】计算所汉语词性标记集
  14. 混合颜料-python实现
  15. 开juǎn有益系列（一）——Binary search（二分查找/折半查找算法）
  16. uvalive 4987 Evacuation Plan 疏散计划
  17. C++描述 LeetCode 112. 路径总和
  18. opencv读取大恒相机
  19. 冒泡排序原理以及算法
  20. (OK) Android命令行测试BT，WIFI，Sensor工作状态 — svc

热门文章

  1. Mybatis高级-resultMap之collection聚集
  2. 我的C语言可变参数的实现
  3. 深入react技术栈(10):受控组件和非受控组件
  4. Taro+react开发（24）--this.state和this.props
  5. 前端学习（3131）：react-hello-react之总结ref
  6. [html] html5都有哪些新的特性？移除了哪些元素？
  7. [html] 请说说＜script＞、＜script async＞和＜script defer＞的区别
  8. [html] 关于＜form＞标签的enctype属性你有哪些了解？
  9. [vue] vue生命周期总共有几个阶段？
  10. 前端学习（2523）：展示博客并添加方法