冰狐智能辅助
首页
文档&下载
移动端
微服务
社区
码农教程
管理中心
关于我们
登录/注册
单选框控件(radio)

单选框控件介绍

单选框控件介绍（radio），父类为文本控件（Text）。用于在多个选项中选择其中一个，必须把用的radio放在一个radioGroup控件中才有效。

属性-checked

是否选中。 支持两种设置方式，1.在template中直接设置；2.使用函数动态设置和获取状态。 <template> <linear> <radioGroup> <radio id="demo1" text="苹果" checked="true"/> <radio id="demo2" text="橘子"/> <radio id="demo3" text="香蕉"/> </radioGroup> </linear> </template> function main() { setupUI(); // 设置选中 ui('demo1').checked(true); // 获取选中状态 var checkStatus = ui('demo2').checked(); }

事件-checked

选中事件。 
<template>
    <linear>
        <radioGroup>
            <radio text="苹果" checked="true"/>
            <radio text="橘子" onChecked="cbChecked"/>
            <radio text="香蕉"/>
        </radioGroup>
    </linear>
</template>

function main() {
    setupUI();
}

function cbChecked(text, checked) {
    console.log('text:' + text + '  value:' + checked);
}

函数-checked/value

获取/设置选中状态，返回boolean。
参数：
参数名 类型 必填 说明
isChecked boolean 选填 状态，若不填则表示返回状态，填写表示设置状态 
<template>
    <radioGroup>
        <radio text="苹果" checked="true"/>
        <radio text="橘子" onChecked="cbChecked"/>
        <radio id="demo" text="香蕉"/>
    </radioGroup>
</template>

function main() {
    setupUI();
}

function onUIResume() {
    // 设置状态
    ui('demo').checked(true);
    // ui('demo').value(true);

    // 返回状态
    console.log('checked:' + ui('demo').checked());
//    console.log('checked:' + ui('demo').value());
}