Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: checkbox and submit
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
acztery
3.05.2006, 13:01:35
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
sinq
3.05.2006, 16:18:30
Witam 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
VanPersie
26.07.2008, 17:28:58
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 :-)
nowotny
26.07.2008, 18:04:47
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>
VanPersie
26.07.2008, 18:10:42
Dzięki, a jak dodac do tego alerta z tekstem?
skowron-line
26.07.2008, 18:20:33
A gdzie chcesz tego alerta
składnia jest dosyć prosta
[HTML] pobierz, plaintext 
  1. alert( 'alert' );
[HTML] pobierz, plaintext


Ciężko jest źle zastosować
nowotny
26.07.2008, 18:21:55
Ale do czego...? w którym momencie ten alert miałby wyskakiwać...?
VanPersie
26.07.2008, 18:24:02
No ten alert mialby wyskakiwac w przypadku jesli sa zanaczone mniej niż 3 checkboxy :-)
nowotny
26.07.2008, 18:30:05
No ale w którym momencie... jakaś akcja musi wywoływać ten alert...
VanPersie
26.07.2008, 18:31:38
No wprzypadku klikniecia w submit kiedy mniej niz 3 checkboxy sa zaznaczone
nowotny
26.07.2008, 18:35:56
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.