JavaScript:Библиотеки/p5.dom/createCheckbox(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
| Строка 14: | Строка 14: | ||
Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 20: | Строка 20: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
createCheckbox([label], [value]) | createCheckbox([label], [value]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
label – надпись рядом с флажком. Тип данных – String | label – надпись рядом с флажком. Тип данных – String | ||
value – значение флажка; если галочка поставлена – true, если нет – false. Тип данных – boolean | value – значение флажка; если галочка поставлена – true, если нет – false. Тип данных – boolean | ||
| Строка 33: | Строка 33: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element. | Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 39: | Строка 39: | ||
==Пример== | ==Пример== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var checkbox; | var checkbox; | ||
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
createCheckbox() [1]
Описание
Создает в DOM флажок при помощи элемента <input></input>. Если вызвать на флажке функцию checked(), она проверит, поставлена ли в нем галочка или нет.
Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
createCheckbox([label], [value])
Параметры
label – надпись рядом с флажком. Тип данных – String
value – значение флажка; если галочка поставлена – true, если нет – false. Тип данных – boolean
Возвращаемое значение
Указатель на p5.Element, содержащий созданный узел. Тип данных – объект, p5.Element.
Пример
var checkbox;
function setup() {
checkbox = createCheckbox('label', false);
checkbox.changed(myCheckedEvent);
}
function myCheckedEvent() {
if (this.checked()) {
console.log('Checking!');
// 'Галочка стоит!'
} else {
console.log('Unchecking!');
// 'Галочка не стоит!'
}
}
