Autor | Zpráva | ||
---|---|---|---|
vodys Profil |
#1 · Zasláno: 13. 12. 2019, 10:06:21
Zdravím ..
Bojuji s malým velkým nešvarem a nevím si rady.. Mám tabulku, která do chvíle, než začala být tabulkou fungovala .. Při checkbox:checked zobrazila daný div. V současnosti po obalení <td> tato funkce nefunguje. Můžete mi prosím poradit kde dělám chybu? HTML <form class="form-daruj" action="https://www.darujme.cz/darovat/XXXX" id="myForm" method="get"> <table class="daruj-form"> <tr> <td colspan="2" style="text-align:center;font-size:25px;"> <b style="color:#dd4814;">Částka dobrovolného příspěvku</b><br /> </td> </tr> <tr> <td style="text-align:-webkit-right;"><div style="width:147px;" id="castka"> <input name="amount" type="number" style="width: 100px;" value="100"> <span style="display:inline;">Kč</span></div><br /><input name="currency" type="hidden" value="CZK"> <input name="locale" type="hidden" value="cs"></td> <td style="vertical-align:top;text-align:-webkit-left;"><div class="castky" style=" margin-top: 6px;"><input type="radio" name="frequency" value="once" nazev="platba1"><div id="jednorazove" style="font-size:13px;color:black;font-weight:bold;display: inline;padding-left: 5px;vertical-align: super;">Jednorázově</div><br> <input type="radio" name="frequency" value="monthly" nazev="platba2" checked=""> <div id="mesicne" style="padding-left:2px;font-size:13px;color:black;font-weight:bold;display: inline;vertical-align: super;">Měsíčně</div></div></td> </tr> <tr> <td style="width:50%;"> <input name="firstName" type="text" placeholder="Jméno"><br> <input name="lastName" type="text" placeholder="Příjmení"><br> <input name="email" type="email" placeholder="Váš email"><br> <input name="phone" type="number" placeholder="Telefonní číslo"><br> <br> <b>Požadujete potvrzení o daru?</b><br> <input type="radio" name="wantDonationCertificate" value="1" nazev="adresa"> Ano<br> <input type="radio" name="wantDonationCertificate" value="0" checked=""> Ne<br> </td> <td><div class="adresa"> <input name="street" type="text" placeholder="Ulice a číslo popisné"><br> <input name="city" type="text" placeholder="Obec/město"><br> <input name="postcode" type="text" placeholder="PSČ"><br> </div> <br> <div class="platba1"> <b>Výběr platby:</b><br> <input type="radio" name="paymentMethod" value="proxypay_charge"> Platba kartou<br> <input type="radio" name="paymentMethod" value="funds_transfer"> Platba převodem<br> <input type="radio" name="paymentMethod" value="payu_transfer"> Online platba PayU </div> <div class="platba2"> <b>Výběr platby:</b><br> <input type="radio" name="paymentMethod" value="proxypay_charge"> Platba kartou<br> <input type="radio" name="paymentMethod" value="funds_transfer"> Platba převodem </div> <b>Chcete zasílat aktuality na email?</b><br> <input type="radio" name="custom[souhlas_se_zasilanim_novinek_svobody_zvirat_a_se_zpracovanim_osobnich_udaju_pro_tyto_ucely]" value="1" checked=""> Ano<br> <input type="radio" name="custom[souhlas_se_zasilanim_novinek_svobody_zvirat_a_se_zpracovanim_osobnich_udaju_pro_tyto_ucely]" value="0"> Ne<br> <input type="submit" value="Odeslat"> </td> </tr> </table> </form> CSS: .adresa, .platba1, .platba2 { display:none; } input[nazev="adresa"]:checked ~ .adresa, input[nazev="platba1"]:checked ~ .platba1, input[nazev="platba2"]:checked ~ .platba2 { display: block; } Díky za pomoc! |
||
Tomášeek Profil |
vodys:
~ je selektor sourozence. Ve tvém HTML dane prvky sourozenci nejsou. A css nemá nic jako “sourozenec rodiče označeného checkboxu”. Čili, buď jiný HTML markup, nebo javascript. |
||
Časová prodleva: 5 let
|
0