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> <fieldset id="HideBlocks"> <legend>Tento formulář se připravuje </legend> <input type="checkbox" id="CCA_form" name="CCA" checked> <label for="CCA_form" title="Kanadská Covid Care Alliance">CCA</label> <input type="checkbox" id="US_form" name="US" checked> <label for="US_form" title="Rozsudky Ústavního Soudu">ÚS</label> <input type="checkbox" id="Facebook_form" name="Facebook" checked> <label for="Facebook_form" title="Facebook">FB</label> <input type="checkbox" id="Youtube_form" name="Youtube" checked> <label for="Youtube_form" title="Youtube">YT</label> <input type="checkbox" id="doporucene_form" name="doporucene" checked> <label for="doporucene_form">doporučené</label> <input type="button" id="hide" name="hide" value="Schovat bloky" onclick="hideSwitcher(this)"> </fieldset> </form><h1>V čem odpírači a propagátoři vakcín mučí.</h1> <div id="CCA">CCA</div> <div id="US">US</div> <div id="Facebook">Facebook</div> <div id="Youtube">Youtube</div> <div id="doporucene">doporucene</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function hideSwitcher() { var childs = document.querySelector('fieldset#HideBlocks').children; for(var i = 0; i < childs.length; ++i){ if(childs[i].type == 'checkbox') { var block = document.getElementById( childs[i].name ); if(childs[i].checked) { childs[i].checked = false block.style.display="block"; } else { childs[i].checked = true block.style.display="none"; } } } } window.onload = hideSwitcher;
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>