setChecked(id, checked) 设置选中状态

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

设置指定 id 的 checkbox 多选框 或 radioButton 单选按钮 选中状态 checked 。

setChecked() 在 APP 应用里被用来设置指定 id 唯一标识的 checkbox 多选框 或 radioButton 单选按钮 选中状态。多选框通常用来让用户选择或拒绝某个选项，如接受或拒绝用户协议。而单选框则被用来让用户从几个选项中选择一个。

示例代码


// 检查用户点击位置，并根据点击位置设置复选框状态
// 如果点击页面上方位置，设置为选中状态
// 如果点击页面下方位置，设置为非选中状态
checkbox("agreeBox", false);
textLabel("agreeLabel","I agree to the above privacy statement.","agreeBox");

onEvent("screen1","click", function(event) {
  if (event.offsetY<=225) {
    setChecked("agreeBox", true);
  }
  else{
    setChecked("agreeBox", false);
  }
});

示例代码：随机设置 点击按钮，随机设置分组里选中状态的单选按钮


// 点击按钮，随机设置分组里选中状态的单选按钮
radioButton("Red", false,"ColorGroup");
textLabel("RedLabel","Red","Red");
radioButton("Blue", false,"ColorGroup");
textLabel("BlueLabel","Blue","Blue");
radioButton("Green", false,"ColorGroup");
textLabel("GreenLabel","Green","Green");
radioButton("Orange", false,"ColorGroup");
textLabel("OrangeLabel","Orange","Orange");

button("favorite","What's my favorite color?");
onEvent("favorite","click", function() {
    var radioIDs = ["Red","Blue","Green","Orange"];
    setChecked(radioIDs[randomNumber(0,radioIDs.length-1)], true);
});

语法规则


setChecked(id, checked)

参数说明

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

返回值

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

提示说明

  • CheckBox 复选框 或 radioButton 单选按钮 也可以在 设计 模式下通过拖拽的方式添加到屏幕页面，并设置其属性。
  • 同一个组里的 CheckBox 复选框 可以多选。但同一个组里的 radioButton 单选按钮 只能设置一个选项。如果不指定分组，则每个 CheckBox 复选框 或 radioButton 单选按钮 默认在各自独立的未命名的组里。

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

返回文档首页