spunta tutte Check Box

[Cream]

CIao a tutti,

sapete come fare o dove trovare un Javascript che spunta con un pulsante tutte le checkbox di un form

come il form di Hotmail.com!!

[burruchaga]

questa è la funzione per selesionare tutte le check

function sel_tutti(Form1){
if (Form1.id.length>1){
for (j=0; j<Form1.id.length; j++){
if(!Form1.id[j].checked) {
Form1.id[j].click();
}
}

}
else{
if(!Form1.id.checked) {
Form1.id.click();
}

}
}

questa è per deselezioarle tutte
function desel_tutti(Form1){
if (Form1.id.length>1){
for (j=0; j<Form1.id.length; j++){
if(Form1.id[j].checked) {
Form1.id[j].click();
}
}

}
else{
if(Form1.id.checked) {
Form1.id.click();
}

}
}


questa è la funzione da richiamare

function vedi(cosa)
{
if (document.eleme.controlla.checked){sel_tutti(cosa) }
else desel_tutti(cosa)}


la funzione puoi richiamarla con una check in questo modo

<form nale=MyForm>
(la prima check è per selezionare/deselezionare tutto)
<input type="checkbox" name="controlla"
onClick="vedi(self.document.MyForm);">

poi le altre check (devono avere tutte name=id)
<input type="checkbox" name="id" value="valore1">
<input type="checkbox" name="id" value="valore2">
<input type="checkbox" name="id" value="valore3">
<input type="checkbox" name="id" value="valore4">

</form>

[Mackey]

click() potrebbe non funzionare su alcuni browser...

<script>
function selectAll(nomeform) {
var f= document[nomeform].elements;
for(var i=0; i<f.length; i++) {
if(f[i].type="checkbox")
f[i].checked=true;
}
}
function deSelectAll(nomeform) {
var f= document[nomeform].elements;
for(var i=0; i<f.length; i++) {
if(f[i].type="checkbox")
f[i].checked=false;
}
}
</script>
<form name="form_0">
<input type="checkbox" name="x1">
<input type="checkbox" name="x2">
<input type="checkbox" name="x3">
<input type="checkbox" name="x4">
<input type="checkbox" name="x5">
<input type="checkbox" name="x6">
<input type="checkbox" name="x7">
<input type="checkbox" name="x8">
<input type="checkbox" name="x9">
<input type="checkbox" name="x10">
<input type="checkbox" name="x11">
<input type="checkbox" name="x12">
</form>
<input type="button" value="check" onclick="selectAll('form_0')">
<input type="button" value="unCheck" onclick="deSelectAll('form_0')">