使用<radio/>组件时,通常需要将其嵌入到<radio-group/>组件中。<radio-group/>组件用于包含多个<radio/>,并管理它们的选中状态。开发者可以通过绑定事件监听函数,获取用户选中的项。 四、<radio/>组件的应用场景 <radio/>组件在微信小程序中有着广泛的应用场景。例如,在表单中,可以使用<radio/>组件让用户选择性...
<radio-group/>组件: 容器组件,单项选择器,内部由多个<radio>组成。具体属性见下图(图36-1)。 图36-1 <radio/>组件: 单选项目,具体属性见下图(图36-2)。 图36-2 “switch.wxml”中写入如下语句(图36-3)。 图36-3 此时界面效果如下(图36-4),“男”和“女”只能选择其中一个,因为都在<radio-group/...
1 radio 标签 必须要和父元素 radio-group来使用 2 value 选中的单元框的值 3 需要给 radio-group 绑定 change事件 4 需要在页面中显示 选中的值 --> <radio-group bindchange="handleChange"> <radio value="male" color="blue">男</radio> <radio value="female" color="red">女</radio> </radio-...
radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别 主要属性: wxml {{item.value}} js Page({ data:{ array:[ {name: 'Jave', value: 'android', checked: 'true'}, {name: 'Object-C', value: 'IOS'}, {name: 'jsx', value: 'ReactNative'}, {name: 'js', value: 'We...
.radio-group { background: #fff; } .radio { display: block; border-top: 1px solid #ddd; padding: 10rpx; } .radio:first-child { border:none; } .section_gap { line-height: 80rpx; } wxml文件: <view class='notice'>请选择你在使用中所遇到的问题</view> ...
radio-group: 属性名 类型 默认值 说明 bindchange EventHandle <radio-group/>中的选中项发生变化时触发change事件,event.detail = {value: 选中项radio的value} radio: 属性名 类型 默认值 说明 value String <radio/>标识。当该<radio/>选中时,<radio-group/>的change事件会携带<radio/>的value checked...
原理主要是通过判断一个radio-groupuwPhsaVhup中哪个被选中,就让它加上一个“active”的样式。 代码如下: 人气 销量 价格↑ index.wxml代码中可以看到,首先隐藏radio的原始样式,利用lable点击来触发radioCheckedChange事件监听函数。 /**index.wxss**/ radio-group{ ...
{{item.name}} </radio-group> 1. 2. 3. 4. 5. 6. js Page({ data: { radioItems: [ {value: 1, name: '无线'}, {value: 2, name: '年'}, {value: 3, name: '月', checked: true}, {value: 4, name: '天'}, ] }, radioChange...
.radio-group { border-bottom: 1px solid #ddd; } .radio { display: block; border-top: 1px solid #ddd; padding: 5px; } index.js: Page({ data: { items: [ { name: 'USA', value: '美国', checked:false}, { name: 'CHN', value: '美国', checked: true }, ...
1 先百度搜索查看 radio 单选框组件的官方文档，该组件的属性较少，含义也很清晰，注意，该组件要结合 radio-group 包装组件一起来使用，通过 radio-group 的 bindchange 回调事件获取被选中的单选框信息。2 在 wxml 中通过 <radio-group> 和 <radio> 标签创建一个单向按钮组，并且在 radio-group 组件上，绑定...