checkbox(id, checked)

功能分类： UI Controls Applab JavaScript 少儿编程

在默认的（0,0）位置，创建一个指定 id 以及默认选中状态 checked 的 checkbox 复选框。

在很多 APP 应用里需要让用户做出一些选择，如接受或拒绝用户协议。这时候就可以使用 checkbox() 方法在页面上创建复选框。

示例代码


// 创建一个 checkbox 复选框并关联一个 textLabel 文本标签。
checkbox("agreeBox", false);
textLabel("agreeLabel","I agree to the above privacy statement.","agreeBox");

示例代码：checkbox 点击事件响应 获取并显示 checkbox 选中状态


// 获取并显示 checkbox 选中状态
checkbox("agreeBox", false);
textLabel("agreeLabel","I agree to the above privacy statement.","agreeBox");

textLabel("response1","Response: ");
textLabel("response2","");
onEvent("agreeBox", "click", function() {
  setText("response2",getChecked("agreeBox"));
});

语法规则


checkbox(id, checked)

参数说明

名称 类型 必需 参数描述
id string Yes screen 屏幕控件 的 id 唯一标识。必须以字母开头，不能包含空格，可以包含字母、数字、减号 - 以及下划线 _ 。
checked boolean yes 初始化 checkbox 多选框 是否为被选中状态。

返回值

没有返回值。只在显示结果页面体现代码执行前后变化。

提示说明

  • 如果在屏幕的（0,0）位置已经有别的控件，checkbox 复选框 会被放置到原有控件的右侧或下方，紧挨原有控件放置。
  • 可以用于修改显示控件属性的方法有：setChecked()、showElement()、hideElement()、deleteElement()、setPosition()、setSize()。
  • 可以用于获取显示控件状态或属性值的方法有：getChecked()、getXPosition()、getYPosition()。
  • CheckBox 复选框 经常与 textLabel 文本标签 搭配使用，以提示用户进行操作。
  • 如果要让用户从多个选项中只能选取一个，可以使用一组 radioButton 单选按钮 来实现。
  • CheckBox 复选框 也可以在 设计 模式下通过拖拽的方式添加到屏幕页面，并设置其属性。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页