seleziona tutti

[Grambo]

Ciao non riesco ad uscirmene

io ho una serie di checkbox
la prima in alto è quella che gestisce il "tutto" ovvero se seleziono la prima si selezionano tutte e se la deseleziono si devono deselezionare tutte le altre

in breve è un seleziona tutti/deseleziona tutti

le checkbox hanno tutte lo stesso nome/id (sel) e solo la prima ha nome/id diversi (sel_tutto)

non riesco a fare la funzione che gestisca la cosa
qualcuno può darmi una mano?

io ho pensato
sulla checkbox sel_tutti assegno un evento onchange che mi rimanda ad una funzione seleziona()

<script type="text/javascript">
<!--
function seleziona(){
 if (document.getElementById("sel_tutto").checked==true) {
document.getElementById("sel").checked=true;
}else {
document.getElementById("sel").checked=false;
}
// -->
</script> 


<input name="sel_tutto" type="checkbox" id="sel_tutto" onchange="seleziona();" value="tutto"/>

[Grambo]

nessuno?

[Grambo]

ok trovato
mancava un
}
^_^

[Grambo]

ok c'ho messo 1ora e 40minuti ma sono riuscito a fare sta stupidata

pubblico se dovesse servire a qaulche altro nabbo di js

<script type="text/javascript">
<!--
function seleziona(){
var cont=document.form2.elements['sel'];
if (document.getElementById("sel_tutto").checked==true) {
for (var i=0; i<cont.length; i++) {
	cont[i].checked=true;
	}
}else{
for (var i=0; i<cont.length; i++) {
	cont[i].checked=false;
	}
}
}
// -->
</script> 

<input name="sel_tutto" type="checkbox" id="sel_tutto" onchange="seleziona();" value="tutto"/>

[fcaldera]

attenzione, non puoi avere più checkbox con lo stesso id

comunque usando jQuery basterebbe fare qualcosa del tipo

       <label>seleziona/deseleziona tutto</label>
       <input type="checkbox" 
       onchange="$('input[type=checkbox]').not(this).attr('checked', this.checked);" />
       

        <hr />
        
        <input type="checkbox" />
        <input type="checkbox" />
        <input type="checkbox" />
        <input type="checkbox" />
        <input type="checkbox" />
        <input type="checkbox" />
       ...

[cavicchiandrea]

Cosi dovrebbe funzionare e ti risparmi un ciclo for (script + leggero) che non serve

<script type="text/javascript">
<!--
function seleziona(){
var cont=document.form2.elements['sel'];
for (var i=0; i<cont.length; i++) {
if (document.getElementById("sel_tutto").checked) {	
cont[i].checked=true;
}else{
cont[i].checked=false;
	}
}
}
// -->
</script>

[Grambo]

Originariamente inviato da fcaldera
attenzione, non puoi avere più checkbox con lo stesso id

...

infatti!!

comunque così funziona grazie

[Grambo]

Originariamente inviato da cavicchiandrea
Cosi dovrebbe funzionare e ti risparmi un ciclo for (script + leggero) che non serve

<script type="text/javascript">
<!--
function seleziona(){
var cont=document.form2.elements['sel'];
for (var i=0; i<cont.length; i++) {
if (document.getElementById("sel_tutto").checked) {	
cont[i].checked=true;
}else{
cont[i].checked=false;
	}
}
}
// -->
</script>

è vero ^_^
grazie