crowd-toggle-button

充当打开/关闭开关的按钮，用于切换状态。

请参阅中使用此 Crowd HTML 元素的 HTML 模板的交互式示例CodePen.

以下示例说明了可用于使用 <crowd-toggle-button> HTML 元素的不同方法。复制以下代码，并将其保存到具有扩展名的文件中。.html. 在任何浏览器中打开该文件，以进行预览并与该模板进行交互。

属性

此元素支持以下属性。

checked

一个布尔值开关，如果存在，显示按钮切换到“ON”位置。

disabled

一个布尔值开关，如果存在，将按钮显示为已禁用并防止切换。

invalid

当处在关闭位置时，使用此属性的按钮将显示为警报颜色。标准为红色，但可以在 CSS 中进行更改。切换为打开后，此按钮将与处于打开位置的其他按钮显示为相同的颜色。

名称

一个字符串，用于标识工作人员提交的答案。此值与 JSON 对象中指定答案的密钥匹配。

必需

一个布尔值开关，如果存在，要求工作人员提供输入。

值

输出中用作元素布尔状态的属性名称的值。如果未提供，则默认为“on”。

元素层次结构

此元素具有以下父元素和子元素。

输出

此元素输出 name 作为对象的名称，其中包含 value 作为属性名称，并将元素的状态作为属性的布尔值。如果未指定此元素的值，则属性名称默认为“on”。

[
  {
    "theToggler": {
      "on": true
    }
  }
]

另请参阅

有关更多信息，请参阅下列内容。