Witam ponownie, mam przy checkboxie wpis:
<input type="checkbox" id="f-check" name="f-check" value="dane do faktury z pieczątki"/><script>
$('#f-check').click(function()
{
if ($('#f-check').prop('checked'))
{
$('#f-firma').css('background-color', '#CCCCCC');
$('#k-email').css('background-color', '#CCCCCC');
}
else
{
$('#f-firma').css('background-color', '#FFFFFF');
}
});
</script>
dla przykładu element o id "f-firma" jest po tym kodzie, ale się nie wykonuje. całość wygląda tak:
...
#f-imie
{
position: absolute;
left: 240px;
top: 90px;
width: 198px;
height: 19px;
line-height: 19px;
z-index: 8;
}
#f-check
{
position: absolute;
left: 240px;
top: 33px;
z-index: 5;
}
#uwagi
{
position: absolute;
left: 685px;
top: 35px;
width: 223px;
height: 163px;
z-index: 21;
}
#wys-miasto
{
position: absolute;
left: 535px;
top: 120px;
width: 123px;
height: 19px;
line-height: 19px;
z-index: 19;
}
#f-miasto
{
position: absolute;
left: 315px;
top: 150px;
width: 123px;
height: 19px;
line-height: 19px;
z-index: 11;
}
#f-adres
{
position: absolute;
left: 240px;
top: 120px;
width: 198px;
height: 19px;
line-height: 19px;
z-index: 9;
}
#k-tel
{
position: absolute;
left: 20px;
top: 65px;
width: 198px;
height: 19px;
line-height: 19px;
z-index: 2;
}
#wb_t1
{
position: absolute;
left: 20px;
top: 10px;
width: 250px;
height: 19px;
z-index: 0;
text-align: left;
}
#wb_t2
{
position: absolute;
left: 240px;
top: 10px;
width: 207px;
height: 19px;
z-index: 4;
text-align: left;
}
#wb_uid0
{
color: #000000;
font-family: Arial;
font-size: 16px;
}
<input type="text" id="k-imie" name="k-imie" value="" autocomplete="off" placeholder="Imię i nazwisko"> <input type="text" id="k-tel" name="k-tel" value="" autocomplete="off" placeholder="Telefon kontaktowy"> <input type="email" id="k-email" name="k-email" value="" autocomplete="off" placeholder="E-mail"> <input type="checkbox" id="f-check" name="f-check" value="dane do faktury z pieczątki"><script> $('#f-check').click(function()
{
if ($('#f-check').prop('checked'))
{
$('#f-firma').css('background-color', '#CCCCCC');
$('#k-email').css('background-color', '#CCCCCC');
}
else
{
$('#f-firma').css('background-color', '#FFFFFF');
}
});
<input type="text" id="f-firma" name="f-firma" value="" autocomplete="off" placeholder="Nazwa firmy"> <input type="text" id="f-imie" name="f-imie" value="" autocomplete="off" placeholder="Imię i nazwisko / ciąg dalszy nazwy firmy"> <input type="text" id="f-adres" name="f-adres" value="" autocomplete="off" placeholder="Adres (ulica, numer)"> <input type="text" id="f-kod" name="f-kod" value="" autocomplete="off" placeholder="Kod pocztowy"> <input type="text" id="f-miasto" name="f-miasto" value="" autocomplete="off" placeholder="Miejscowość"> <input type="text" id="f-nip" name="f-nip" value="" autocomplete="off" placeholder="NIP"> <input type="checkbox" id="wys-check" name="wys-check" value="dane do wysyłki z pieczątki"> <input type="text" id="wys-imie" name="wys-imie" value="" autocomplete="off" placeholder="Imię i nazwisko / Nazwa firmy"> <input type="text" id="wys-adres" name="wys-adres" value="" autocomplete="off" placeholder="Adres (ulica, numer)"> <input type="text" id="wys-kod" name="wys-kod" value="" autocomplete="off" placeholder="Kod pocztowy"> <input type="text" id="wys-miasto" name="wys-miasto" value="" autocomplete="off" placeholder="Miejscowość">