Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][jQuery] funkcja zaznaczajaca checkboxy
raval
post
Post #1





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 1.04.2011

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

Witam,

chcę napisać funkcję w jQuery, która po zaznaczeniu checkoxa "rodzica", zostana zaznaczone wszystkie pozostałe checkboxy mu podlegające.

Moja funkcja t:

[PHP] pobierz, plaintext 
  1. $('#select_all').click(function()
  2. {
  3.     if($(this).is(':checked'))
  4.     {
  5.         $('#id').attr(':checked',true)
  6.     }
  7.     else
  8.     {
  9.         $('#id').attr(':checked',false)
  10.     }
  11.  
  12. });
[PHP] pobierz, plaintext


a kod php:

[PHP] pobierz, plaintext 
  1. <input type="checkbox" id="select_all">Select All
  2.  
  3. ...
  4.  
  5. {section name=j loop=$produkt}
  6.  
  7.                             {if $kategorie[i]['id'] eq $produkt[j]['id']}
  8.                                 <tr>
  9.                                     <td>
  10.  
  11.                                     {if $produkt[j]['id_offer'] eq $zaznaczone[j]['id']}
  12.                                         <input type="checkbox" checked name="id[]" id="id" value="{$produkt[j]['id_offer']}"/>
  13.                                     {else}
  14.                                         <input type="checkbox" name="id[]" id="id" value="{$produkt[j]['id_offer']}"/>
  15.                                     {/if}
  16.                                     {$produkt[j]['name']}
  17.  
  18.                                     </td>
  19.                                 </tr>
  20.                             {/if}
  21.                             {/section}
  22.  
  23. ...
[PHP] pobierz, plaintext


Niestety po zaznaczeniu checkboxa SELECT_ALL nic się nie dzieje, czy mógłbym prosić o jakąś pomoc? :X
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 12)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
ID jak sama nazwa wskazuje ma być unikalne a nie jak u ciebie każdy ma to samo ID.

Jak chcesz rozpoznawać grupy elemntów to nadawaj im tę samą klasę, a później:
nie: $('#id').attr(':checked',true)
a: $('.klasa').attr('checked','checked')


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

"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
raval
post
Post #3





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 1.04.2011

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

Cytat(nospor @ 16.01.2012, 10:27:08 ) *
$('.klasa').attr('checked','checked')


Racja nie przemyślałem tego prawidłowo, a jak napisać prawidłowo w ELSE aby odznaczał checkboxy?
Go to the top of the page
+Quote Post
piotrooo89
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
removeAttr.


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Psajkus
post
Post #5





Grupa: Zarejestrowani
Postów: 45
Pomógł: 5
Dołączył: 26.06.2011

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

nie potzrebujesz warunku, wystarczy, ze zrobisz tak:

[PHP] pobierz, plaintext 
  1. $('#select_all').click(function()
  2. {
  3.     $('.klasa').attr('checked',this.checked);
  4. });
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
raval
post
Post #6





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 1.04.2011

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

A jak zrobić, żeby funkcja jQuery pobierała kolejno wartość z checkboxa?
Napisałem tak, ale pobiera tylko dla value = 0, dla większych wartości nie chce działać, why?

[PHP] pobierz, plaintext 
  1. $("input:checkbox#select_all").click(function()
  2. {
  3.     var id = $(this).val();
  4. $('.'+id).attr('checked',this.checked);
  5.  
  6.  
  7. });
[PHP] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. {section name=i loop=$kategorie}
  2.  
  3. <input type="checkbox" id="select_all" value="{$smarty.section.i.index}">Select All
  4.  
  5. ...
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
--kaem--
post
Post #7





Goście
A na pewno te checkboxy mają prawidłowe klasy równe wartościom w #select_all?
Go to the top of the page
+Quote Post
raval
post
Post #8





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 1.04.2011

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

Mają na 100%
Go to the top of the page
+Quote Post
nospor
post
Post #9





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
A świstak siedzi i zawija sreberka.
Pokaż kod.


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

"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
raval
post
Post #10





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 1.04.2011

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

[PHP] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3.  
  4.         $(document).ready(
  5.         function()
  6.         {
  7.  
  8.                                 $("table.EditDel tr:odd").addClass("tlo2");
  9.                                 $("table.EditDel tr:even").addClass("tlo1");
  10.  
  11.                 $("tr#wybor td h4").next("#rozwin:visible").hide();
  12.  
  13.                 $("tr#wybor td").children("h4").click(
  14.                 function()
  15.                 {
  16.                 $(this).next("#rozwin").show(200);
  17.                 $("tr#wybor td h4").not(this).next("#rozwin:visible").hide();
  18.                 });
  19.  
  20.  
  21.  
  22. $("input:checkbox#select_all").click(function()
  23. {
  24.     var id = $(this).val();
  25.     $('.'+id).attr('checked',this.checked);
  26.  
  27.  
  28. });
  29.  
  30.  
  31. });
  32. </script>
  33.  
  34.     </head>
  35.     <body>
  36.  
  37. <form name="produkty" id="produkty" method="POST" action="{$des}?id={$id_store}">
  38. <table rules="rows" width="500">
  39.     <th >Kategorie sklepu</th>
  40.  
  41.         {section name=i loop=$kategorie}
  42.                 <tr id="wybor">
  43.                     <td><h4 style="cursor:pointer;display:inline;">{$kategorie[i]['name']}</h4>
  44.  
  45.                         <div id="rozwin">
  46.  
  47.                         <input type="checkbox" id="select_all" value="{$smarty.section.i.index}">Select All
  48.                         <hr>
  49.  
  50.                             <table>
  51.  
  52.                             {section name=j loop=$produkt}
  53.  
  54.                             {if $kategorie[i]['id'] eq $produkt[j]['id']}
  55.                                 <tr>
  56.                                     <td>
  57.  
  58.                                     {if $produkt[j]['id_offer'] eq $zaznaczone[j]['id']}
  59.                                         <input type="checkbox" checked name="id[]" class="{$smarty.section.i.index}" value="{$produkt[j]['id_offer']}"/>
  60.                                     {else}
  61.                                         <input type="checkbox" name="id[]" class="{$smarty.section.i.index}" value="{$produkt[j]['id_offer']}"/>
  62.                                     {/if}
  63.                                     {$produkt[j]['name']}
  64.  
  65.                                         {*$smarty.section.i.index*}
  66.                                     </td>
  67.                                 </tr>
  68.                             {/if}
  69.                             {/section}
  70.                             </table>
  71.                             <hr>
  72.                         </div>
  73.                     </td>
  74.  
  75.  
  76.                 </tr>
  77.  
  78.             {/section}
  79.     <tr>
  80.         <td colspan="2" align="middle">
  81.             <input type="submit" value="Zapisz produkty" />
  82.         </td>
  83.     </tr>
  84. </table>
  85. </form>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
nospor
post
Post #11





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Nadaj klasy tekstowe, nie jestem pewien czy mozesz sobie tak po liczbach latac
class="blabla{$smarty.section.i.index}"
$('.blabla'+id).attr('checked',this.checked);

edit:
$("input:checkbox#select_all").
Kurcze.... ty w ogóle nie czytasz co się do ciebie pisze!! Pisałem ci wpierwszym poście że ID ma być unikalne, a ty wszyskim znowu walisz to samo ID SELECT_ALL.
Czy wszystko trzeba 100 razy powtarzać?


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

"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
raval
post
Post #12





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 1.04.2011

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

hmmm,, a jak zrobić w takim przypadku unkalne id dla każdej grupy, żeby jquery wiedział co ma czytać?
Go to the top of the page
+Quote Post
nospor
post
Post #13





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Powtórzę: nie czytasz co się do ciebie pisze!
Napisałem ci w pierwszym moim poscie: nie ID a klasa. A ty sie teraz znowu pytasz to co zamiast ID.....



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

"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: 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 - 19:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn