Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<form> <ul> <li><label><input type="checkbox" name="kategorie[]" value="0" class="check-all-pattern"> Vybrat všechny kategorie</label> <li><label><input type="checkbox" name="kategorie[]" value="1"> Kategorie č.1</label> <li><label><input type="checkbox" name="kategorie[]" value="2"> Kategorie č.2</label> <li><label><input type="checkbox" name="kategorie[]" value="3"> Kategorie č.3</label> <li><label><input type="checkbox" name="kategorie[]" value="4"> Kategorie č.4</label> </ul> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var checkAllPatterns = document.querySelectorAll('input.check-all-pattern'); var checkAllChange = function () { if(this.form && this.form[this.name]) { var inputs=this.form[this.name]; for (var i = inputs.length-1; i >=0; i--) { if(this!==inputs[i]) { inputs[i].checked=this.checked; } } } }; for (var i = checkAllPatterns.length-1; i >=0; i--) { checkAllPatterns[i].addEventListener('change', checkAllChange, false); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>