冰狐智能辅助
首页
文档&下载
移动端
微服务
社区
码农教程
管理中心
关于我们
登录/注册
复选框控件(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(); }

事件-onChecked

选中事件。 
<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);
}

函数-checked/value

获取/设置选中状态，返回boolean。
参数：
参数名 类型 必填 说明
isChecked boolean 选填 状态，若不填则表示返回状态，填写表示设置状态 
<template>
    <linear >
        <checkbox id="demo" text="苹果"/>
    </linear>
</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());
}