checkbox - zaznaczenie wszystkich Opcje

[qlash]

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]

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")

Ten post edytował DjKermit 19.09.2006, 08:34:13

[misterdexter]

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

function selectCheckboxes(what,pref,stan){
  for(i=0;i<what.elements.length;i++){
    if(what.elements[i].type == "checkbox" && what.elements[i].name.substring(0,pref.length) == pref){
      what.elements[i].checked=stan;
    }
  }
}

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]

Możesz przecież dać:

Kod

document.checkBoxesChecked = !document.checkBoxesChecked

Fakt, dobra uwaga, dzięki.