value:String类型,radio组件的返回值,当radio组件被选中时,radio-group组件的change事件会返回选中radio组件的value值,也就是event.detail.value返回的值 checked:Boolean类型,默认值时false,表示当前radio组件是否被选中 disabled:Boolean类型,默认值时false,表示当前radio组件是否被禁用 下面的布局代码演示了如何使用radio组...
<view class="section section_gap"> <radio-group class="radio-group" bindchange="radioChange"> <view class="attr_value"> <radio class="radio" wx:for-items="{{items}}" wx:key="name" value="{{item.name}}" checked="{{item.checked}}"> <view>{{item.value}}</view> </radio> </...
<radio-groupclass="classify"bindchange="radioChange"><radiovalue="{{item.name}}"checked="{{item.checked}}"/><textclass="classify-text">{{item.value}}</text></radio-group> /* 未选中的 背景样式 */radio.wx-radio-input{height:36rpx;width:36rpx;border-radius:50%;background: transparent;...
你就不会在每个radio每个checked属性里加上{{selectIndex==index?true:false}},selectIndex就是选中的...
.radio-group.radiotext{ margin-left:-5rpx; } radio{ transform:scale(0.6); } /* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ radio.wx-radio-input.wx-radio-input-checked{ /* border: none; */ border-color:gray!important; ...
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://...
微信⼩程序修改radio-group默认样式 wxss ⽂件:/* 重写 radio 样式 */ /* 未选中的背景样式 */ radio .wx-radio-input{ border-radius: 50%;/* 圆⾓ */ width: 40rpx;height: 40rpx;border: none;background: none;position: absolute;right: 0rpx;} /* 选中后的背景样式(红⾊背景⽆边框...
<radio value="r1" checked="true"/>选中 <radio value="r2" />未选中 <view class="page-section-title">推荐展示样式</view> <view class="weui-cells weui-cells_after-title"> <radio-group bindchange="radioChange"> <view class="weui-cell__hd"> <radio...
本来这种做法是不推荐的。radio是默认选中的。只有在多个radio情况下用到radio-group。单选的时候可以用checkbox了,但是有的小伙伴非要用一个radio来做点击取消怎么办。 在radio Value值只是 0和1切换的时候,请看下面~~ <!--wxml--><radiovalue='{{radiovalue}}'bindtap='radiochange'checked='{{radiocheck}}...
此时界面效果如下(图36-4),“男”和“女”只能选择其中一个,因为都在<radio-group/>中。 图36-4 写一个事件对象(图36-5),同时也把它输出一下(图36-6)。 图36-5 图36-6 “checked”属性:默认选中谁,如果两个语句都写“checked”,则随后者(图36-7)。 图36-7 “disabled”属性:默认值为“false”...