Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> checkbox and submit
acztery
post
Post #1





Grupa: Zarejestrowani
Postów: 945
Pomógł: 7
Dołączył: 15.03.2005
Skąd: katowice

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

witam ma ktoś coś takiego ze jak zaznacze checkbox to staje sie mozliwe klikniecia w guzik submit , a jak jest odznaczony to przycis jest szary taki wyblakły ustawiony na disabled o ile sie nie myle
Go to the top of the page
+Quote Post
sinq
post
Post #2





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 12.03.2006

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

Witam (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. <script language="javascript">
  5.  
  6. function Sprawdz() {
  7.    if(document.Forma.czekbox.checked)
  8.    {
  9.       document.Forma.czekbox.checked = true;
  10.       document.Forma.potwierdzenie.disabled = false;
  11.    }
  12.       else
  13.    {
  14.    if(!document.Forma.czekbox.checked)
  15.    {
  16.       document.Forma.czekbox.checked = false;
  17.       document.Forma.potwierdzenie.disabled = true;
  18.    }
  19.    }
  20. }
  21.  
  22. </script>
  23.  
  24. </head>
  25. <body OnLoad="Sprawdz()">
  26.  
  27. <form name="Forma">
  28.    <input type="checkbox" name="czekbox" OnClick="Sprawdz()">Zatwierdz<br>
  29.    <input type="submit" name="potwierdzenie" value="Wyślij">
  30. </form>
  31.  
  32. </body>
  33. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
VanPersie
post
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 3.07.2006

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

Jak zrobic cos takiego jak powyżej ale by dzialalo w taki sposób ze musza byc z kilku zaznaczone minimum 3 pola typu CheckBox i wtedy przycisk submit zostaje odblokowany? Natomiast jesli są mniej niż 3 pola zaznaczone wyświetla się komunikat?

Dzięki za pomoc :-)
Go to the top of the page
+Quote Post
nowotny
post
Post #4





Grupa: Zarejestrowani
Postów: 875
Pomógł: 122
Dołączył: 2.02.2008

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

Na co dzień raczej nie zajmuje się javascript ale takie coś wymodziłem... Pewnie można prościej...
Kod
<html>
<head>

<script language="javascript">

function Sprawdz() {
    var a=0;

    checkboxes = document.getElementsByTagName('input');
    for(j = 0; j < checkboxes.length; j++){
        if(checkboxes[j].type=='checkbox' && checkboxes[j].checked==true) a++;
    }
    if (a>=3) document.form1.potwierdzenie.disabled = false;
    else document.form1.potwierdzenie.disabled = true;

}

</script>

</head>
<body OnLoad="Sprawdz()">

<form name="form1">
<input type="checkbox" name="cz1" OnClick="Sprawdz()">Zatwierdz<br>
<input type="checkbox" name="cz2" OnClick="Sprawdz()">Zatwierdz<br>
<input type="checkbox" name="cz3" OnClick="Sprawdz()">Zatwierdz<br>
<input type="checkbox" name="cz4" OnClick="Sprawdz()">Zatwierdz<br>
<input type="checkbox" name="cz5" OnClick="Sprawdz()">Zatwierdz<br>

  <input type="submit" name="potwierdzenie" value="Wyślij">
</form>

</body>
</html>
Go to the top of the page
+Quote Post
VanPersie
post
Post #5





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 3.07.2006

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

Dzięki, a jak dodac do tego alerta z tekstem?
Go to the top of the page
+Quote Post
skowron-line
post
Post #6





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

A gdzie chcesz tego alerta
składnia jest dosyć prosta
[HTML] pobierz, plaintext 
  1. alert( 'alert' );
[HTML] pobierz, plaintext


Ciężko jest źle zastosować
Go to the top of the page
+Quote Post
nowotny
post
Post #7





Grupa: Zarejestrowani
Postów: 875
Pomógł: 122
Dołączył: 2.02.2008

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

Ale do czego...? w którym momencie ten alert miałby wyskakiwać...?
Go to the top of the page
+Quote Post
VanPersie
post
Post #8





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 3.07.2006

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

No ten alert mialby wyskakiwac w przypadku jesli sa zanaczone mniej niż 3 checkboxy :-)
Go to the top of the page
+Quote Post
nowotny
post
Post #9





Grupa: Zarejestrowani
Postów: 875
Pomógł: 122
Dołączył: 2.02.2008

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

No ale w którym momencie... jakaś akcja musi wywoływać ten alert...
Go to the top of the page
+Quote Post
VanPersie
post
Post #10





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 3.07.2006

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

No wprzypadku klikniecia w submit kiedy mniej niz 3 checkboxy sa zaznaczone
Go to the top of the page
+Quote Post
nowotny
post
Post #11





Grupa: Zarejestrowani
Postów: 875
Pomógł: 122
Dołączył: 2.02.2008

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

No ale wtedy submit jest nieaktywny więc nie ma jak w niego kliknąć... :/

No ale niech ci będzie...

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. <script language="javascript">
  5.  
  6. function Sprawdz() {
  7.     var a=0;
  8.  
  9.     checkboxes = document.getElementsByTagName('input');
  10.     for(j = 0; j < checkboxes.length; j++){ 
  11.         if(checkboxes[j].type=='checkbox' && checkboxes[j].checked==true) a++;
  12.     }
  13.     if (a>=3) {
  14. 	document.form1.potwierdzenie.disabled = false;
  15. 	return true;
  16. 	}
  17.     else {
  18. 	document.form1.potwierdzenie.disabled = true;
  19. 	return false;
  20. 	}
  21.  
  22. }
  23. function Spr(){
  24. 	if(Sprawdz()==false) alert('Musisz zanaczyc co najmniej 3 opcje');
  25. }
  26.  
  27. </script>
  28.  
  29. </head>
  30. <body OnLoad="Sprawdz()">
  31.  
  32. <form name="form1">
  33. <input type="checkbox" name="cz1" OnClick="Sprawdz()">Zatwierdz<br>
  34. <input type="checkbox" name="cz2" OnClick="Sprawdz()">Zatwierdz<br>
  35. <input type="checkbox" name="cz3" OnClick="Sprawdz()">Zatwierdz<br>
  36. <input type="checkbox" name="cz4" OnClick="Sprawdz()">Zatwierdz<br>
  37. <input type="checkbox" name="cz5" OnClick="Sprawdz()">Zatwierdz<br>
  38.  
  39.   <input type="submit" name="potwierdzenie" value="Wyślij" OnMouseDown="Spr()">
  40. </form>
  41.  
  42. </body>
  43. </html>
[HTML] pobierz, plaintext


Ten post edytował nowotny 26.07.2008, 18:41:51
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

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