参考 createRadio()

createRadio()

创建一个单选按钮元素。

参数是可选的。如果传递了一个字符串,如 let myRadio = createSelect('food'),那么每个单选选项将 有 "food" 作为其 name 参数:<input name="food"></input>。 如果传递了一个现有的 <div></div><span></span> 元素,如 let myRadio = createSelect(container), 它将 成为单选按钮的父元素。

单选按钮扩展了 p5.Element 类,增加了一些 有用的方法来管理选项:

  • myRadio.option(value, [label]) 向菜单添加一个选项。 第一个参数,value,是一个字符串,设置选项的 值和标签。第二个参数,label,是可选的。如果提供,它设置显示的标签为 value。如果一个选项 的 value 已经存在,其标签将被更改��返回其值。
  • myRadio.value() 返回当前选中选项的 值。
  • myRadio.selected() 返回当前选中的 选项。
  • myRadio.selected(value) 选择给定的选项并将 它作为一个 HTMLInputElement 返回。
  • myRadio.disable(shouldDisable) 如果传递 true 则启用整个单选按钮,如果传递 false 则禁用它。

示例

语法

createRadio([containerElement])
createRadio([name])
createRadio()

参数

containerElement
对象:

容器 HTML 元素,可以是 <div></div><span></span>

name
字符串:

分配给每个选项的 <input></input> 元素的 name 参数。

Returns

p5.Element: 新的 p5.Element 对象。
Notice any errors or typos? Please let us know. Please feel free to edit src/dom/dom.js and open a pull request!

相关参考