单选框控件(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);
}