Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Zaznaczenie wielu checkboxów z definiowanym limitem
krzesik
post 20.07.2024, 15:31:34
Post #1





Grupa: Zarejestrowani
Postów: 516
Pomógł: 1
Dołączył: 25.08.2012

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

Witam,
mam funkcję która zaznacza mi grupowo checkboxy w formularzu. Niestety nie działa mi ona dobrze. mam zdefiniowany max 20 checkboxów, a zaznacza mi tylko pięć pierwszych. Nie umiem znaleźć błędu.....
Proszę o pomoc w temacie.

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function checkboxesAll(f,b){
  3.    var e = document.forms[f].elements;
  4.    for (var z=0;z=<20;z++) {
  5.       if (e[z].type=="checkbox") e[z].checked = b;
  6.    }
  7. }
  8. </script>
[HTML] pobierz, plaintext


w formularzu element z checkboxem:
[HTML] pobierz, plaintext 
  1. ......................
  2. <input type="checkbox" value="'.$t[identyfikator].' | '.$t[nr_spr].'" name="identyfikator[]" onclick="all=deaktywacja();pokaz();return all;" />
  3. ......................
[HTML] pobierz, plaintext


Ten post edytował krzesik 20.07.2024, 15:35:17
Go to the top of the page
+Quote Post
trueblue
post 20.07.2024, 15:40:31
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

https://jsfiddle.net/u4dqkcyz/

Swoją drogą warunek w pętli jest niepoprawny, powinno być <=19 (nie =<19, ani nie =<20).


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
krzesik
post 24.07.2024, 12:23:51
Post #3





Grupa: Zarejestrowani
Postów: 516
Pomógł: 1
Dołączył: 25.08.2012

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

Teraz mam tak:

[HTML] pobierz, plaintext 
  1. <head>
  2. ................
  3. <script type="text/javascript">
  4. function checkboxesAll(f,b){
  5.    var e = document.forms[f].elements;
  6.    for (var z=0;z<=19;z++) {
  7.       if (e[z].type=="checkbox") e[z].checked = b;
  8.    }
  9. }
  10. </script>
  11.  
  12. <script language="JavaScript">
  13.     function sprawdz_ile_zaznaczonych(){
  14.     var ile = 0;
  15.     for(var i=0; i<document.pozycje.length; i++){
  16.     if((document.forms.pozycje.elements[i].type)=="checkbox"){
  17.     if(document.forms.pozycje.elements[i].checked) ile++;
  18.     }
  19.     }
  20.     return ile;
  21.     }
  22.     function deaktywacja(){
  23.     if(sprawdz_ile_zaznaczonych()>=20){
  24.     for(var i=0; i<document.pozycje.length; i++){
  25.     if((document.forms.pozycje.elements[i].type)=="checkbox"){
  26.     if(!document.forms.pozycje.elements[i].checked)
  27.     document.forms.pozycje.elements[i].disabled=true;
  28.     }
  29.     }
  30.     }
  31.     else{
  32.     for(var i=0; i<document.pozycje.length; i++){
  33.     if((document.forms.pozycje.elements[i].type)=="checkbox")
  34.     document.forms.pozycje.elements[i].disabled=false;
  35.     }
  36.     }
  37.     }
  38.  
  39.     </script>
  40.  
  41. ...............
  42. </head
  43. <body>
  44. ....................
  45.  
  46. <input type="button" class="btn btn-success btn-xs" onclick="checkboxesAll('f',true);"  value="Zaznacz wszystkie max 20" />&nbsp; &nbsp; &nbsp;
  47. <input type="button" class="btn btn-info btn-xs"    onclick="checkboxesAll('f',false);" value="Odznacz wszystkie" />
  48.  
  49. <table width="100%" align="center" valign="center" border="1">
  50. ....................
  51. <input type="checkbox" value="'.$t[identyfikator].' | '.$t[nr_spr].' | '.$t[data].' | '.$wartosc.' | '.$t[ilosc].'" name="identyfikator[]" onclick="all=deaktywacja();return all;" />
  52.  
  53. ....................
[HTML] pobierz, plaintext


jeśli kliknę na button "Zaznacz max 20" to zaznacza mi tylko dwa pierwsze, jeśli zaznaczę ręcznie do 20 to reszta "szarzeje - tak jak być powinno.
Go to the top of the page
+Quote Post
nospor
post 24.07.2024, 13:21:09
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
NO przeciez tu
for (var z=0;z<=19;z++) {
if (e[z].type=="checkbox") e[z].checked = b;
}

lecisz po dwudziestu perwszych elemetnach forma, ale tylko co ktorys jest cehckboxem wiec logicnze ze nie zaznacza ci sie 20 checkboxw.

Albo z forma pobieraj tylko checkboxy, albo pobieraj wszystkie elementy forma ale wowczas lecisz WHILE a nie for i konczyc WHILE gdy 20 checkbox odznaczysz


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
trueblue
post 24.07.2024, 13:22:49
Post #5





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

[HTML] pobierz, plaintext 
  1. document.forms[f].elements;
[HTML] pobierz, plaintext

Ten fragment zwraca wszystkie elementy formularza. Jeśli więc na początku jest 18 elementów innych niż checkbox, to ominie je w pętli, a zaznaczy 2 ostatnie.

Popróbuj używać metod querySelector, querySelectorAll i dodawać zdarzenia poprzez addEventListener. Obecnie kod wygląda jak z epoki IE6.


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
krzesik
post 24.07.2024, 14:24:51
Post #6





Grupa: Zarejestrowani
Postów: 516
Pomógł: 1
Dołączył: 25.08.2012

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

OK, teraz wygląda to tak:
[HTML] pobierz, plaintext 
  1. <script language="JavaScript">
  2.     function sprawdz_ile_zaznaczonych()
  3.     {
  4.        var ile = 0;
  5.        for(var i=0; i<document.pozycje.length; i++)
  6.           {
  7.              if((document.pozycje.elements[i].type)=="checkbox")
  8.                 {
  9.                    if(document.pozycje.elements[i].checked) ile++;
  10.                 }
  11.           }
  12.           return ile;
  13.     }
  14.  
  15.     function deaktywacja()
  16.     {
  17.        if(sprawdz_ile_zaznaczonych()>=40)
  18.        {
  19.           for(var i=0; i<document.pozycje.length; i++)
  20.              {
  21.                 if((document.pozycje.elements[i].type)=="checkbox")
  22.                    {
  23.                       if(!document.pozycje.elements[i].checked)
  24.                       document.pozycje.elements[i].disabled=true;
  25.                    }
  26.              }
  27.        }
  28.     else
  29.        {
  30.           for(var i=0; i<document.pozycje.length; i++)
  31.              {
  32.                 if((document.pozycje.elements[i].type)=="checkbox")
  33.                 document.pozycje.elements[i].disabled=false;
  34.              }
  35.        }
  36.     }
  37.  
  38.     </script>
  39.  
  40. <script type="text/javascript">
  41. function checkboxesAll(f,b){
  42.    var e = document.forms[f].elements["identyfikator[]"];
  43.    for (var z=0;z<=39;z++) {
  44.       if (e[z].type=="checkbox") e[z].checked = b;
  45.    }
  46. }
  47.  
  48. </script>
  49.  
[HTML] pobierz, plaintext

i już jest prawie dobrze, tylko.
po kliknięciu w button zaznacza mi prawidłową ilość checkboxów, ale kolejne też są możliwe do zaznaczenia. Jeśli zaznaczę (w tym przypadku) 41 to następne są disabled. Docelowo powinno być MAx 40 i brak możliwości zaznaczaenia więcej.
Poproszę o poradę. Dziękuję
Go to the top of the page
+Quote Post
nospor
post 24.07.2024, 14:37:14
Post #7





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
noto odpal deaktywacja() zaraz po tym jak zaznaczysz wszytkie 40 checkbox, wiec albo w funkcji checkboxesAll() albo zaraz za nia


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 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 Wersja Lo-Fi Aktualny czas: 18.07.2025 - 00:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn