Autor | Zpráva | ||
---|---|---|---|
Fisak Profil |
#1 · Zasláno: 18. 1. 2014, 14:01:41
Dobrý den.
Používám dva inputy typu "radio" a když přepnu z jednoho na druhý tak se mi ten předchozí nechce vypnout. Viz. <script type="text/javascript"> function yesnoCheck() { if (document.getElementById('yesCheck').checked) { document.getElementById('ifYes').style.display = 'block'; } else document.getElementById('ifYes').style.display = 'none'; } </script> <label><input type="radio" onclick="javascript:yesnoCheck();" name="viewer" id="noCheck" checked>Divák </label> <label><input type="radio" onclick="javascript:yesnoCheck();" name="letsplayer" id="yesCheck">Letsplayer</label> <div id="ifYes" style="display:none">něco</div> |
||
Str4wberry Profil |
#2 · Zasláno: 18. 1. 2014, 14:35:32
|
||
Kubo2 Profil |
#3 · Zasláno: 18. 1. 2014, 14:59:26 · Upravil/a: Kubo2
Fisak:
+Na zobrazovanie <div>u u väčšiny nových prehliadačov nepotrebuješ JavaScript - stačí k tomu pseudo-element :checked v CSS. Ten indikuje, že je <input> v stave zaškrtnutý. Potom už iba stačí pomocou selektoru suseda vybrať ktorýkoľvek element v okolí a zobraziť ho.
Živá ukážka Pozn. živá ukážka nebude fungovať v niektorých starších prehliadačoch, ako je napríklad IE 7. |
||
Str4wberry Profil |
#4 · Zasláno: 18. 1. 2014, 16:00:23
(Dokonce to nebude fungovat ani v IE 8, což už může v současné době celkem vadit.)
|
||
Časová prodleva: 10 let
|
0