Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][jQuery] funkcja zaznaczajaca checkboxy
Forum PHP.pl > Forum > Przedszkole
raval
16.01.2012, 10:18:57
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
nospor
16.01.2012, 10:27:08
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')
raval
16.01.2012, 10:34:23
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?
piotrooo89
16.01.2012, 10:39:19
removeAttr.
Psajkus
16.01.2012, 10:40:21
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
raval
16.01.2012, 10:58:52
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
-kaem-
16.01.2012, 11:03:32
A na pewno te checkboxy mają prawidłowe klasy równe wartościom w #select_all?
raval
16.01.2012, 11:05:07
Mają na 100%
nospor
16.01.2012, 11:10:32
A świstak siedzi i zawija sreberka.
Pokaż kod.
raval
16.01.2012, 11:11:52 
[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
nospor
16.01.2012, 11:15:24
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ć?
raval
16.01.2012, 11:21:34
hmmm,, a jak zrobić w takim przypadku unkalne id dla każdej grupy, żeby jquery wiedział co ma czytać?
nospor
16.01.2012, 11:22:33
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.....

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.