JavaScript:Библиотеки/p5.dom/createRadio()

Содержание

Резерв

Резерв

Резерв

Резерв

Резерв

Библиотеки

Резерв

Резерв

Резерв

Перевод: Максим Кузьмин

Проверка/Оформление/Редактирование: Мякишев Е.А.

Черновик

createRadio()

Описание

Создает в DOM радиокнопку при помощи элемента <input></input>. Создав радиокнопку, вы также можете задать ее опции при помощи функции option(). Функция value() возвращает опцию, что выбрана в радиокнопке в данный момент.

Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

createRadio([divId])

Параметры

divId – ID и название созданных элементов <div> и <input>. Тип данных – String

Возвращаемое значение

Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element.

Пример

№1

var radio;

function setup() {
  radio = createRadio();
  radio.option('black');  //  'черный'
  radio.option('white');  //  'белый'
  radio.option('gray');   //  'серый'
  radio.style('width', '60px');
  textAlign(CENTER);
  fill(255, 0, 0);
}

function draw() {
  var val = radio.value();
  background(val);
  text(val, width / 2, height / 2);
}

№2

var radio;

function setup() {
  radio = createRadio("buttonList");
  radio.option('apple', 1);  //  'яблоко'
  radio.option('bread', 2);  //  'хлеб'
  radio.option('juice', 3);  //  'сок'
  radio.style('width', '60px');
  textAlign(CENTER);
}

function draw() {
  background(200);
  var val = radio.value();
  if (val) {
    text('item cost is $' + val, width / 2, height / 2);
     //  'товар стоит $'
  }
}