crowd-radio-button

可以选中或取消选中的按钮。当单选按钮位于单选按钮组内时，任何时候只能选中组内的一个单选按钮。下面的示例介绍了如何在 crowd-radio-group 元素内配置 crowd-radio-button 元素。

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

以下是可与 <crowd-radio-button> 元素一起使用的语法示例。复制以下代码，并保存到具有 .html 扩展名的文件中。在任何浏览器中打开该文件，进行预览并与该模板进行交互。

在此 GitHub 示例中的自定义工作人员任务模板中，可以看到上一个实例：实体识别标注作业自定义模板。

Crowd HTML 元素单选按钮不支持 HTML 标记 required。要使用户必须选择单选按钮，请使用 <input type="radio"> 元素来创建单选按钮并添加 required 标记。属于同一组单选按钮的所有 <input> 元素的 name 属性必须相同。例如，以下模板要求用户在提交之前选择 animal-type 组中的单选按钮。

属性

此元素支持以下属性。

checked

一个布尔值开关，如果存在，将单选按钮显示为选中状态。

disabled

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

name

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

value

元素的布尔值的属性名称。如果未指定，它将“on”用作默认值，例如 { "<name>": { "<value>": <true or false> } }。

元素层次结构

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

输出

输出具有以下模式的对象：{ "<name>": { "<value>": <true or false> } }。如果您在 crowd-radio-group 元素之外使用按钮，但具有相同的 name 字符串和不同的 value 字符串，则名称对象将对于每个 value 字符串包含一个布尔值。为确保按钮组中只有一个按钮处于选中状态，需要将其设置为 crowd-radio-group 元素的子元素并使用不同的名称值。

[
  {
    "btn1": {
      "yes": true
    },
    "btn2": {
      "no": false
    }
  }
]

另请参阅

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