crowd-radio-button

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

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

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

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

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

属性

此元素支持以下属性。

checked

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

disabled

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

名称

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

值

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

元素层次结构

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

输出

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

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

另请参阅

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