微信小程序之Radio单选

小程序开发过程中,想通过只有一个Radio按钮实现点击切换怎么办?

本来这种做法是不推荐的。radio是默认选中的。只有在多个radio情况下用到radio-group。单选的时候可以用checkbox了,但是有的小伙伴非要用一个radio来做点击取消怎么办。
在radio Value值只是 0和1切换的时候,请看下面~~

<!--wxml-->
<radio value='{{radiovalue}}' bindtap='radiochange'
 checked='{{radiocheck}}' color='#D1BA74' 
bindtap='radiochange'></radio>
<!--JS-->
radiochange:function(e){
      this.setData({
        radiovalue:this.data.radiovalue^1,
        radiocheck:!this.data.radiocheck
      })
  }

如果value值取其他类型就考虑别的方法了没必要执着于radio,想用的小伙伴可以看看。

--煤油灯的芯一直在燃烧

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者...
    郭豪豪阅读 4,346评论 0 2
  • jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").cha...
    owen_he阅读 7,347评论 0 3
  • ********** 未经本人允许,严禁转载任何网站 ********** 本人在慕课网学习HTML+CSS基础课...
    zhaolion阅读 13,746评论 46 548
  • 读书的一些总结 知道《计算广告》这本书挺久了,最近一段时间终于买回来一本,读了一下。读完之后,才发现作为一个入门一...
    無缺阅读 4,233评论 0 0
  • “父母是孩子最好的老师”。 怎样让你的孩子爱上做/学XX?很简单,你做/学给他/她看。 我是一个5岁孩子的妈妈,我...
    柳飞风扬阅读 3,287评论 2 1