Forum PHP.pl > checkbox - zaznaczenie wszystkich

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: checkbox - zaznaczenie wszystkich

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

qlash

19.09.2006, 07:14:19

witam

mam taki problem, otoz na stronie bede mial dynamicznie tworzona liste a przy kazdej jakis checkbox. lista tworzona jest przez php nie przez js i teraz mam problem, chce stworzyc przycisk "zaznacz/odznacz wszystkie"
i nie wiem jak sie do niego zabrac: jakie id nadac checbox'om i jak sprawdzic czy takie id istnieje?
chcialbym aby to w miare mozliwosci bylo tworzone dynamicznie, a nie np. php wysyla do zmiennej js na pocz ilosc takich checkbox'ow

pozdrawiam

DjKermit

19.09.2006, 08:33:20

Kod

function selectCheckBoxes(val) {
    if (document.checkBoxesChecked)
        document.checkBoxesChecked = false;
    else
        document.checkBoxesChecked = true;
    if (val == undefined)
        var cb = document.getElementsByTagName('input');
    else
        var cb = document.getElementsByName($val);
    for (var i = 0; i < $cb.length; i++) {
        if (cb[i].type == 'checkbox') cb[i].checked = document.checkBoxesChecked;
    }
}

wywołanie
selectCheckBoxes();
zaznacza wszystkie checkbox'y w dokumencie

selectCheckBoxes('nazwa');
zaznacza wszystkie chceckbox'y o zdefiniowanej nazwie (name="nazwa")

misterdexter

19.09.2006, 09:06:35

Trochę siłowo to robisz

Zamiast:

Kod

if (document.checkBoxesChecked)
        document.checkBoxesChecked = false;
    else
        document.checkBoxesChecked = true;

Możesz przecież dać:

Kod

document.checkBoxesChecked = !document.checkBoxesChecked

Qlash spróbuj tego:

Kod

Funkcja ma trzy parametry
- formularz, z którego checkbox'y mają być zaznaczone
- prefix nazwy checkbox'a (mogą się różnić np nr'ami w sufix'ie)
- stan checkbox'ów po zmianie

Przykładowy uproszczony kod:

[HTML] pobierz, plaintext 
<form>
<input type="checkbox" name="all" onclick="selectCheckboxes(this.form,'ch[',this.checked)" /><br/>
<input type="checkbox" name="ch[0]" /><br/>
<input type="checkbox" name="ch[1]" /><br/>
<input type="checkbox" name="ch[2]" />
</form>
[HTML] pobierz, plaintext

DjKermit

19.09.2006, 10:01:23

Cytat

Możesz przecież dać:

Kod

document.checkBoxesChecked = !document.checkBoxesChecked

Fakt, dobra uwaga, dzięki.

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.