Forum PHP.pl > [php+html] zaznaczenie wszystkiech checkbox

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [php+html] zaznaczenie wszystkiech checkbox

Dziadzia

19.01.2010, 11:29:07

Witam.

Na stronie mam tabelkę w której każdy z wierszy ma checkboxa. Na samej górze tabeli mam jeszcze jednego checkboxa, którego po naciśnięciu chciał bym aby wszystkie checkboxy się zaznaczyły. Tak wygląda ten checkbox:

[HTML] pobierz, plaintext 
<input type="checkbox" class="check" onclick="this.form.elements['check_1'].checked = !this.checked"/>
[HTML] pobierz, plaintext

a tak wyglądają checkboxy które są wpisane w tabelce:

[PHP] pobierz, plaintext 
<input type=\"checkbox\" name=\"check_$wiersz->id\" />
[PHP] pobierz, plaintext

$wiersz->id jest to wpisanie z mysqla id do nazwy aby każdy checkbox miał unikatowy "name".

Niestety nie działa mi to. Jakieś propozycję jak to powinno być prawidłowo zrobione? Z góry dziękuję

skowron-line

19.01.2010, 11:33:30

Musisz w pętli "przelecieć" wszystkie checkboxy pobrane z form i każdy z osobna zaznaczyć.

zzeus

19.01.2010, 11:35:43

Użyj jQuery, będzie prościej

Kod

$('input[type=checkbox]').attr('checked', true);

Dziadzia

19.01.2010, 12:01:28

zzeus czy w przykładzie który podałeś trzeba będzie później zastosować pętle? Jeżeli tak to jak to zrobić.

ps: mógłbyś troszkę bardziej dokładnie opisać jak zastosować ten skrypt który napisałeś, ponieważ w jQuery jestem totalnie zielony. Pozdrawiam

Skowron -> ja tych checkboxów nie mam w form właśnie... gdyby był to normalny formularz to by nie było problemów

skowron-line

19.01.2010, 12:04:42

Cytat(Dziadzia @ 19.01.2010, 12:01:28 )

Skowron -> ja tych checkboxów nie mam w form właśnie... gdyby był to normalny formularz to by nie było problemów

No dobrze to w takim razie w elemencie w którym się znajdują.
+ zanim się zainteresujesz jQuery czy inną biblioteką to pomyśl czy jest Ci potrzebne aż takie narzędzie czy aż tyle JS będziesz stosować w swojej aplikacji

Dziadzia

19.01.2010, 12:18:09

znalazłem bardzo fajne rozwiązanie na http://www.shiningstar.net/articles/articl...boxes.asp?ID=AW stronie

kefirek

19.01.2010, 12:40:20

[JAVASCRIPT] pobierz, plaintext 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){ 
$("#check").click(function(){
if (this.checked == true){
$('.check').attr('checked', true);  
} else {
$('.check').attr('checked', false);   
}
});    
}) ;
</script>
</head>
<body>
 
<input class='check' type="checkbox" />
<input class='check' type="checkbox" />
<input class='check' type="checkbox" />
<input class='check' type="checkbox" />
 
<input type="checkbox" id="check" />
</body>
</html>
[JAVASCRIPT] pobierz, plaintext

bastard13

19.01.2010, 13:10:44

funkcja do zaznaczania i odznaczania wszystkich checkboxów

[HTML] pobierz, plaintext 
//ilosc - ilość elementów checkbox; tak - czy zaznaczyć(1) czy odznaczyć(0)
function do_usuniecia(ilosc,tak)
{	for(i=0;i<ilosc;i++)
	{	nazwa='check_'+i;
		x=document.getElementsByName(nazwa);
                                if(tak) x.checked=true;
		else x.checked=false;
	}
}
[HTML] pobierz, plaintext

Osobiście zamieniłbym atrybut name na id (w checkboxach) i zamiast x=document.getElementsByName(nazwa);
napisał w funkcji: x=document.getElementById(nazwa);, ponieważ getElementsByName() nie działa we wszystkich przeglądarkach.

Dziadzia

19.01.2010, 15:18:38

Dzięki kefirek użyłem Twojego scriptu i działa mi wszystko fajnie

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.