Back to Uni App

Radio Group

docs/component/radio-group.md

2.3.33.1 KB
Original Source
<!-- ## radio-group -->

::: sourceCode

radio-group

:::

组件类型:UniRadioGroupElement

单选框组

同一个radio-group下的多个radio为单选效果,选中一个radio后其他radio将失去选中效果。

兼容性

Web微信小程序AndroidiOSHarmonyOSHarmonyOS(Vapor)
4.04.413.94.114.615.0

属性

名称类型默认值兼容性描述
namestring-Web: 4.0; 微信小程序: 4.41; Android: 3.9; iOS: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0表单的控件名称,作为键值对的一部分与表单(form组件)一同提交
@change(event: UniRadioGroupChangeEvent) => void-Web: 4.0; 微信小程序: 4.41; Android: 3.9; iOS: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0radio-group 中的选中项发生变化时触发 change 事件,event.detail = {value: 选中项radio的value}

事件

UniRadioGroupChangeEvent

mermaid
graph LR
  
UniRadioGroupChangeEvent -- Extends --> UniCustomEvent&ltUniRadioGroupChangeEventDetail&gt
  style UniCustomEvent&ltUniRadioGroupChangeEventDetail&gt color:#42b983
  click UniCustomEvent&ltUniRadioGroupChangeEventDetail&gt "https://doc.dcloud.net.cn/uni-app-x/component/common.html#unicustomevent"
UniRadioGroupChangeEventDetail
UniRadioGroupChangeEventDetail 的属性值
名称类型必填默认值兼容性描述
valuestring---
<!-- UTSCOMJSON.radio-group.component_type-->

子组件 @children-tags

子组件兼容性
*Web: 4.0; 微信小程序: 4.41; Android: 3.9; iOS: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0

参见