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-...
2,radio单项选择器 单选与复选类似,使用了一个radio-group群组,它有一个change事件。radio放在radio-group里面。 index.wxml: 使用了for循环的数据绑定,for不仅可以用在block上,还可以用在其它一切有群组特征的标签上。 练习
}) radio要用radio-group包住。 只有一个bindchange事件。当change这个radio的时候,事件会e.detail.change一个当前选择的value出来。
radioChange: function (e) { console.log('radio发生change事件,携带value值为:', e.detail.value) },
.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 }, ...
此时界面效果如下(图36-4),“男”和“女”只能选择其中一个,因为都在<radio-group/>中。 图36-4 写一个事件对象(图36-5),同时也把它输出一下(图36-6)。 图36-5 图36-6 “checked”属性:默认选中谁,如果两个语句都写“checked”,则随后者(图36-7)。 图36-7 “disabled”属性:默认值为“false”...
<radio-group/>组件用于包含多个<radio/>,并管理它们的选中状态。开发者可以通过绑定事件监听函数,获取用户选中的项。 四、<radio/>组件的应用场景 <radio/>组件在微信小程序中有着广泛的应用场景。例如,在表单中,可以使用<radio/>组件让用户选择性别、学历等信息;在问卷中,可以使用<radio/>组件让用户对某个问题...
猜测用的应该是uniapp，radio-group不支持双向绑定，radio-group有@change事件，radio有checked，checked...
value:<checkbox>标识,选中时触发<checkbox-group>的 change 事件,并携带<checkbox>的 value disabled :是否禁用 checked :当前是否选中,可用来设置默认选中 color :checkbox的颜色,同css的color radio value:<radio>标识。当该<radio>选中时,<radio-group>的 change 事件会携带<radio>的value ...
<radio-group bindchange="radioChange"> <image src='{{item.img}}'></image> <text>{{item.name}}</text> <radio value="{{index}}"/> </radio-group> Page({ data: { items: [ { "id": 1, "name": "一元洗车劵", "img": ".....