Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS][Javascript] Checkbox w formularzu
Rastman
post
Post #1





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 6.06.2004

Ostrzeżenie: (20%)
X----

Witam,
mam taki kod:
[HTML] pobierz, plaintext 
  1. <input style="display:block;margin-top:11px;float:left;" type="checkbox" name="grupa[10]" value="10"checked><img src="images/group/10/group_logo.png">
[HTML] pobierz, plaintext

czyli checkbox i obrazek. Chciałbym, aby po kliknięciu na obrazek checkbox zmieniał swój status zaznaczony/odznaczony. Czy jest taka możliwość? Jak to zrobić?


--------------------
ozonatory catering warszawa wynajem busów warszawa nomi wyszków
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
celbarowicz
post
Post #2





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

Ostrzeżenie: (0%)
----- 

[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.  
  5. function zaznacz()
  6.                  { 
  7.  
  8.  if(document.getElementById('xx').checked==false){document.getElementById('xx').checked=true}else{document.getElementById('xx').checked=false}
  9.  
  10.                  }
  11. </script>
  12. </head>
  13. <body >
  14. <form name="moj">
  15.  
  16. <input name="xx"id="xx" type="checkbox" name="grupa[10]" value="10"  >
  17. <img src="" name="xx2"id="xx2" onClick="zaznacz()";>
  18. </form>
  19. </body>
  20. </html>
  21.  
  22.  
[PHP] pobierz, plaintext


Ten post edytował celbarowicz 31.01.2011, 00:09:36
Go to the top of the page
+Quote Post
kamil4u
post
Post #3





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----

Można nieznacznie prościej:
Kod
function zaznacz(){
var el = document.getElementById('xx');
el.checked = !el.checked;
}


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
Rastman
post
Post #4





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 6.06.2004

Ostrzeżenie: (20%)
X----

dzięki:) obie wersje pomocne. Jakby jeszcze podłączyć kawałek kodu js zamieniającego kursor w "łapkę" po najechaniu na obrazek byłoby super?


--------------------
ozonatory catering warszawa wynajem busów warszawa nomi wyszków
Go to the top of the page
+Quote Post
kamil4u
post
Post #5





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----

To css( cursor ) i hover dla niego. Ew. w JS da się to zrobić(też używając CSS): element.style.cursor = 'typ_kursora'; i odpowiednich zdarzeń na myszkę, ale lepiej użyć CSS.


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
celbarowicz
post
Post #6





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

Ostrzeżenie: (0%)
-----

w img daj style="cursor:pointer; lub w arkuszu stylów tak jak podano wyżej
Go to the top of the page
+Quote Post
Rastman
post
Post #7





Grupa: Zarejestrowani
Postów: 177
Pomógł: 0
Dołączył: 6.06.2004

Ostrzeżenie: (20%)
X----

smile.gif naprawdę wszystko działa elegancko, a ja się czegoś nauczyłem. Dzięki


--------------------
ozonatory catering warszawa wynajem busów warszawa nomi wyszków
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 21:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn