Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zaznacz odznacz wszystkie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
john_doe
2.06.2007, 18:38:42
Witajcie,

za pomoca checkboxa nie mam problemu zeby zaznaczyc pozostałe wszystkie checkboxy ale za pomocą jakiejś grafiki nie za bardzo

taki mam kod:

[HTML] pobierz, plaintext 
  1. <script>
  2. function zaznacz(source, form) {
  3.    var checkboxy = document.getElementById(form).getElementsByTagName('input');
  4.    for(i = 0; i < checkboxy.length; i++)
  5.       if(checkboxy[i].type == 'checkbox')
  6.          checkboxy[i].checked = (source.checked) ? true : false;
  7. }
  8. </script>
  9.  
  10. <form action = "delInbox.php" method = "POST" id="checkboxy">
  11.  
  12. Check all 
  13. <input type="checkbox" onClick="zaznacz(this, 'checkboxy')" /><br />
  14. <input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onClick="zaznacz(this, 'checkboxy')"/>
  15.  
  16.  
  17.  
  18. <br />
  19.  
  20. <input type="checkbox" />
  21. <br />
  22. <input type="checkbox" />
  23.  
  24. </form>
[HTML] pobierz, plaintext


oczywiście nie dziala. Co robię nie tak

dzieki pozdrawiam
emacieka
2.06.2007, 18:55:25 
[HTML] pobierz, plaintext 
  1. <script>
  2. var checkboxs_checked = false;
  3.  
  4. function zaznacz (form)
  5. {
  6.     var checkboxy = document.getElementById(form).getElementsByTagName('input');
  7.     for(i = 0; i < checkboxy.length; i++)
  8.     {
  9.         if (checkboxy[i].type == 'checkbox')
  10.         {
  11.             checkboxy[i].checked = checkboxs_checked ? false : true;
  12.         }
  13.     }
  14.  
  15.     checkboxs_checked = checkboxs_checked ? false : true;
  16. }
  17. </script>
  18.  
  19. <form action="delInbox.php" method="POST" id="checkboxy">
  20.  
  21. Check all
  22. <input type="checkbox" onClick="zaznacz('checkboxy')" /><br />
  23. <input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onClick="zaznacz('checkboxy'); return false;" />
  24.  
  25.  
  26.  
  27. <br />
  28.  
  29. <input type="checkbox" />
  30. <br />
  31. <input type="checkbox" />
  32.  
  33. </form>
[HTML] pobierz, plaintext
vanvar
11.11.2008, 14:40:15
Hej, podbije trochę temat, bo w sumie mam podobny problem. W moim przypadku mam tą samą rodzinę checkboxów, które należą do różnych kategorii. Przykładowo:
Kod
<input id="rodzina" name="postuj" value="6" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Rodzina/a>
<input id="rodzina" name="postuj" value="2" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Rodzina</a>
<input id="dzieci" name="postuj" value="8" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>
<input id="dzieci" name="postuj" value="21" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>
<input id="dzieci" name="postuj" value="24" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>
<input id="dzieci" name="postuj" value="22" type="checkbox"> <a onClick=\"zaznacz('checkboxy'); return false;\">Dzieci</a>


Chciałbym, żeby po kliknnięciu na np. Rodzina zaznaczały się pola z kategori Rodzina. Chyba wiadomo o co chodzi winksmiley.jpg
Z góry dzięki za pomoc, bo w JS jestem zielony smile.gif
emacieka
11.11.2008, 15:10:59
Pisane na szybko, moze ktos to ladniej ropisze Rkingsmiley.png
Kod
<script>
var checkboxs_checked = false;

function zaznacz (form,checkbox)
{
    var checkboxy = document.getElementById(form).getElementsByTagName('input');


    for( i = 0; i < checkboxy.length; i++ )
    {
        if (checkboxy[i].type == 'checkbox' && ( !checkbox || checkboxy[i].id == checkbox.id ) )
        {
            checkboxy[i].checked = checkboxy[i].checked ? false : true;
        }
    }

    checkbox.checked = checkbox.checked ? false : true;
}
</script>

<form action="delInbox.php" method="POST" id="checkboxy">

Check all
<input type="checkbox" onclick="zaznacz('checkboxy',false)" /><br />
<input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onclick="zaznacz('checkboxy',false);" />



<br />

<label><input id="rodzina" name="postuj" value="6" type="checkbox" onclick="zaznacz('checkboxy', this)">Rodzina</label>
<label><input id="rodzina" name="postuj" value="2" type="checkbox" onclick="zaznacz('checkboxy', this)">Rodzina</label>
<label><input id="dzieci" name="postuj" value="8" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>
<label><input id="dzieci" name="postuj" value="21" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>
<label><input id="dzieci" name="postuj" value="24" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>
<label><input id="dzieci" name="postuj" value="22" type="checkbox" onclick="zaznacz('checkboxy', this)">Dzieci</label>

</form>
vanvar
11.11.2008, 15:22:07
Działa, ale zależało by mi na tym, żeby zaznaczanie odbywało się właśnie poprzez klik linka - co umożliwiło by szybkie zaznaczenia 20 checkboxow, a potem odznaczenie jednego, bez odznaczenia pozostalych smile.gif
emacieka
11.11.2008, 15:35:10
Kod
<script>
var checkboxs_checked = false;

function zaznacz (form,id)
{
    var checkboxy = document.getElementById(form).getElementsByTagName('input');


    for( i = 0; i < checkboxy.length; i++ )
    {
        if (checkboxy[i].type == 'checkbox' )
        {
            if ( ! id )
            {
                checkboxy[i].checked = checkboxs_checked ? false : true;
            }
            else if ( checkboxy[i].id == id )
            {
                checkboxy[i].checked = checkboxy[i].checked ? false : true;
            }
            
        }
    }

    if ( ! id )
    {
        checkboxs_checked = checkboxs_checked ? false : true;
    }
}
</script>

<form action="delInbox.php" method="POST" id="checkboxy">

Check all
<input type="checkbox" onclick="zaznacz('checkboxy')" /><br />
<input type="image" src="check-all.gif" title="Zaznacz / Odznacz" onclick="zaznacz('checkboxy');" />



<br />

<input id="rodzina" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'rodzina')">Rodzina</span>
<input id="rodzina" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'rodzina')">Rodzina</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>
<input id="dzieci" name="postuj" value="6" type="checkbox"><span onclick="zaznacz('checkboxy', 'dzieci')">Dzieci</span>

</form>
vanvar
11.11.2008, 15:38:07
Dzęki kolego smile.gif
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.