Autor Zpráva
vodys
Profil
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0