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 action="" method="post"> <input type="checkbox" name="checkbox[]" value="1" >Olomouc <input type="checkbox" name="checkbox[]" value="2" >Prostějov <input type="checkbox" name="checkbox[]" value="3">Vyškov <input type="checkbox" name="checkbox[]" value="4">Brno <input type="checkbox" name="checkbox[]" value="5">Břeclav <input type="checkbox" name="checkbox[]" value="6">Znojmo <input type="submit" value="Odeslat"> <input type="button" value="Vyber skupinu s hodnotami 1,2,3" onclick="vyberSkupinu([1,2,3],this.parentNode)"> <input type="button" value="Vyber skupinu s hodnotami 4,5,6" onclick="vyberSkupinu([4,5,6],this.parentNode)"> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function vyberSkupinu(hodnoty,formular) { var checkboxes = formular["checkbox[]"]; for(var a=0;a<checkboxes.length;a++) { var checkbox = checkboxes[a]; if(hodnoty.indexOf(parseInt(checkbox.value)) != -1) {checkbox.setAttribute("checked",null);} else {checkbox.removeAttribute("checked");} } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>