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>