Radio

显示一个单选按钮

<Radio value="1" name="week">星期一</Radio>

通常您可能需要借助 For 组件来显示一组 Ratio 按钮。

<For list="weeks" item="w">
    <Radio value="{{w.value}}" name="week" checked="{{w.checked}}">{{w.title}}</Radio>
</For>
{
    "weeks": [
        {"value": 1, "title": "星期一"},
        {"value": 3, "title": "星期三"},
        {"value": 5, "title": "星期五"},
        {"value": 7, "title": "星期日", "checked": true}
    ]
}

对于 Radio 组件来说,如果有多个 Radio 组件(在同一个模板里面)使用了相同的 name,那么这些 Radio 组件将被视为是同一组的,同一组单选按钮里面每次只有一个按钮被选中。

注意同一组单选按钮里面的 value 属性的值应该保持唯一性,否则具有相同 value 值的单选按钮将可以被同时选中。

属性名称说明是否支持变量默认值
标签内容显示的文字,描述开关按钮的作用。
name(string)提交的数据为开关当前被选中的那个按钮的 value 属性的值
disabled禁用开关按钮,true 或 false。false
checkedtrue 或 false,true 为选中状态。
value选中时被提交的值。