Документация / Виджеты /

Группа чекбоксов

ZForms.Widget → ZForms.Widget.Container → ZForms.Widget.Container.Group → ZForms.Widget.Container.Group.CheckBox

Виджет для группы чекбоксов создается на основе элeментов <input type="checkbox"> и любого объединяющего их HTML-элемента, например, <div>, <dl>, <td> и т.д.

Определение виджета

Виджет определяется по дополнительному CSS-классу zf-checkboxgroup, например: <dl class="zf zf-checkboxgroup" />. Чекбоксы, входящие в виджет, определяются по атрибуту type — <input class="zf" type="checkbox" />.

Поддерживаемые зависимости

Пример

Код примера

<form class="zf" action=".">
	<dl class="zf zf-checkboxgroup">
		<dt><label>Я&#160;курю</label></dt>
		<dd>
			<div class="zf-option"> <!-- oClassElement -->
				<input class="zf" type="checkbox" name="input-tabak[]" id="input-tabak-1" value="cigarettes" /><label for="input-tabak-1">сигареты</label>
			</div>
			<div class="zf-option"> <!-- oClassElement -->
				<input class="zf" type="checkbox" name="input-tabak[]" id="input-tabak-2" value="cigars" /><label for="input-tabak-2">сигары</label>
			</div>
			<div class="zf-option"> <!-- oClassElement -->
				<input class="zf" type="checkbox" name="input-tabak[]" id="input-tabak-3" value="cigarills" /><label for="input-tabak-3">сигариллы</label>
			</div>
			<div class="zf-option"> <!-- oClassElement -->
				<input class="zf" type="checkbox" name="input-tabak[]" id="input-tabak-4" value="pipe" /><label for="input-tabak-4">трубку</label>
			</div>
		</dd>
	</dl>
</form>