Checkbox

Umožňuje provést rychlou volbu mezi dvěma vzájemně se vylučujícími možnostmi.

Checkbox

Tři stavy

Nepoužívat Z historického hlediska MW podporuje také chybně provedený trojstavový checkbox se stavy true, false, null. Trojstavový checkbox lze využít pouze ve stromové strukutře se stavy checked, unchecked, intermediate, kdy poslední z nich nastane u uzlu, jehož potomci jsou ve stavech checked i unchecked.

Jak na to Pokud je po uživateli požadován výběr mezi třemi a více možnostmi, použijte combobox nebo radio buttony.

Základní struktura

<tsc-checkbox class="CheckBox CheckBox2s">
    <input id="checkbox_1" type="checkbox" data-value="true">
    <label for="checkbox_1" class="Caption">Spiderman</label>
</tsc-checkbox>

<tsc-checkbox class="CheckBox CheckBox2s">
    <input id="checkbox_2" type="checkbox" data-value="false">
    <label for="checkbox_2" class="Caption">Deadpool</label>
</tsc-checkbox>

<!-- Disabled -->

<tsc-checkbox class="CheckBox CheckBox2s Disabled">
    <input id="checkbox_3" type="checkbox" data-value="true">
    <label for="checkbox_3" class="Caption">Spiderman</label>
</tsc-checkbox>

<tsc-checkbox class="CheckBox CheckBox2s Disabled">
    <input id="checkbox_4" type="checkbox" data-value="false">
    <label for="checkbox_4 class="Caption">Deadpool</label>
</tsc-checkbox>

Validace

Checkbox, který je potřeba před pokračováním zaškrtnout, po následné validaci zčervená.

<tsc-checkbox class="CheckBox CheckBox2s Required">
    <input id="checkbox_1" type="checkbox" class="Required" data-value="true">
    <label for="checkbox_1" class="Caption Required">Souhlasím s licenčními podmínkami</label>
</tsc-checkbox>