复选框控件(checkbox)

复选框控件介绍

复选框控件控件(checkbox),父类为文本控件(Text),用于选中多个选项。

属性-checked

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

事件-checked

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

function main() {
    setupUI();
}

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