[HTML]obrazkowy checkbox, Czy da się zmienić kwadrat na obrazek? Opcje

[brychu]

Witam.
Jak w temacie - czy da się zmienić kwadrat w obrazek?

[HTML] pobierz, plaintext 
<form name="rezerwacja" method="POST" action="test2.php"> 
Jest kwadrat a chce obrazek
<input type="checkbox" type="image" src="http://www.taniepranie.zgora.pl/gfx2/zamowienie2.jpg" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked">
<div id="identyfikator" style="display: none">
	<input type="text" name="nazwa2" value="1"><br>
	<input type="text" name="nazwa3" value="2">
</div>
[HTML] pobierz, plaintext 

Jeśli nie, to może pomożecie mi wynaleźć inne rozwiązanie.
Zamiast pól, które miałem dotychczas:
(IMG:http://www.taniepranie.zgora.pl/formularz3.jpg)
na kwadraciki z ikonami każdego z przedmiotów, które zmienią kolor i wysuną listę "dodatków" po kliknięciu myszką.
(IMG:http://www.taniepranie.zgora.pl/formularz2.jpg)
Jak ustawić ilość na 0 w przypadku gdy klient nie wybrał danego przedmiotu a jak na 1, gdy klinie przycisk-obrazek?

Będzie to wszystko trochę inaczej wyglądać. To są obrazki poglądowe.

Ten post edytował brychu 25.01.2020, 14:29:25

[vokiel]

Wrzucasz je np wewnątrz buttona z przypisaną klasą i jakimś atrybutem zaiwierającym to co chcesz przekazać do serwera.
Potem w JS obsługujesz akcję kliknięcia w button, pobierasz z niego wartość tego atrybutu i ustawiasz value ukrytego inputa.

Jeśli chcesz przesyłać więcej niż jedną opcję to sobie zapisuj w JS w jakiejś zmiennej zaznaczone elementy i do inputa wstawiaj np po przecinku.

Oczywiście, żeby to dobrze działało to musisz sobie zapisywać stan każdego buttona (czy jest zaznaczony czy odznaczony) i obsługiwać obie akcje.