Kombinuje z czymś takim , ale nie działa
Kod
document.getElementById(div_name).getElementsByTagName('checkbox').checked = true;
Pełna wersja: [JavaScript] Zaznaczanie kontrolek
Czy jest możliwość zaznaczenia wszystkich checkboxów w obrębie jednego div'a.
Kombinuje z czymś takim , ale nie działa
Kombinuje z czymś takim , ale nie działa
Kod
getElementsByTagName('checkbox')
Chyba input, a nie checkbox.
W taki sposób też nie działa, chyba, że coś źle robię.
Opisze problem dokładniej: Mam formularz z osobami (osoby są zapisane w db). Przy każdym nazwisku są checkboxy do zaznaczania. Osoby są przydzielone do poszczególnych grup. Chciałbym poprzez naciśnięcie jednego przycisku (na formularzu będzie osobny przycisk dla każdej grupy) została zaznaczona cała grupa. Nie wiem jak mam to zrobić?
Próbowałem tworzyć osobne pudełka dla każdej grupy
Kod
document.getElementById(div_name).getElementsByTagName('input').checked = true;
Opisze problem dokładniej: Mam formularz z osobami (osoby są zapisane w db). Przy każdym nazwisku są checkboxy do zaznaczania. Osoby są przydzielone do poszczególnych grup. Chciałbym poprzez naciśnięcie jednego przycisku (na formularzu będzie osobny przycisk dla każdej grupy) została zaznaczona cała grupa. Nie wiem jak mam to zrobić?
Próbowałem tworzyć osobne pudełka dla każdej grupy
Kod
<div id="id_grupy"> lista osób w obrębie jednej grupy </div>
ale nie wiem jak zaznaczyć wszystkie checkboxy w obrębie jednego pudełka.
Kod
document.getElementById(div_name).getElementsByTagName('input').checked = true;
Bo to jest tablica obiektów, a nie jeden obiekt.
Przeiteruj zwróconą tablicę i będzie ok.
Mogę zaznaczyć wszystkie kontrolki w całym formularzu, ale nie mogę zaznaczyć ich w obrębie jednego diva!!
Proszę o wskazanie błędu - oto kod
Proszę o wskazanie błędu - oto kod
Kod
var all;
all = document.getElementById(div_name).getElementsByTagName('input').length + document.getElementById(div_name).getElementsByTagName('checkbox').length;
for (i=0; i<all; i++)
{
document.getElementById(id_group).elements[i].checked = true;
}
all = document.getElementById(div_name).getElementsByTagName('input').length + document.getElementById(div_name).getElementsByTagName('checkbox').length;
for (i=0; i<all; i++)
{
document.getElementById(id_group).elements[i].checked = true;
}
1) Nie kumam dlaczego nie słuchasz ~erixa.
Gdzie w kodzie masz tag "<checkbox />"?
2) Robiąc coś takiego:
Dostajesz w wyniku obiekt NodeList (wystarczy alert(all) i zobaczysz). Jak się dorwać to listy elementów w tym obiekcie? Ano tak: obj.item(i).
Na koniec przykładowy kod:
PS Kod sprawdzany tylko na Operze 9.62 i FF 3, nie wiem czy IE nie będzie miał jakichś "jazd" przy tym kodzie.
Gdzie w kodzie masz tag "<checkbox />"?
Cytat
getElementsByTagName('checkbox')
2) Robiąc coś takiego:
Kod
all = document.getElementById(div_name).getElementsByTagName('input')
Dostajesz w wyniku obiekt NodeList (wystarczy alert(all) i zobaczysz). Jak się dorwać to listy elementów w tym obiekcie? Ano tak: obj.item(i).
Na koniec przykładowy kod:
Kod
function zaznacz() {
// Tu pobieram elementy (input!) z diva o nazwie 'divek'
var elementy = document.getElementById('divek').getElementsByTagName('input');
for( i = 0; i < elementy.length; i++){
el = elementy.item(i); // Pobieram element
if( el.type == 'checkbox' ){ // Tu sprawdzam czy element (input) jest checkboxem
el.checked = true;
}
}
return false;
}
// Tu pobieram elementy (input!) z diva o nazwie 'divek'
var elementy = document.getElementById('divek').getElementsByTagName('input');
for( i = 0; i < elementy.length; i++){
el = elementy.item(i); // Pobieram element
if( el.type == 'checkbox' ){ // Tu sprawdzam czy element (input) jest checkboxem
el.checked = true;
}
}
return false;
}
PS Kod sprawdzany tylko na Operze 9.62 i FF 3, nie wiem czy IE nie będzie miał jakichś "jazd" przy tym kodzie.
Oj wielkie dzięki ziqzaq 
Również dziękuję erixowi za naprowadzenie mnie na właściwe tory. W IE 7 skrypt działa.
Pozdrawiam
Również dziękuję erixowi za naprowadzenie mnie na właściwe tory. W IE 7 skrypt działa.Pozdrawiam
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.