seleziona tutte le checkbox

**Gaetano Vituzzi** · 16-05-2006, 14:55

Salve,

volevo realizzare con javascript una effetto tipo "seleziona tutti" che trovate ad esempio in hotmail per selezionare tutte le checkbox tramite una sola checkbox. Il problema e che a priori non saprò quante c'è ne sono in una pagina, ma so che avranno una numerazione tipo A_00 , A_01 fino ad un massimo di 99

avete qualche suggerimento?

grazie mille

codice:

<html>
<head>
<title>wow</title>

<script language="javascript1.2">
<!--

function select_all()
{

}

//-->
</script>

</head>
<body>

<form name="my_form">

<input type="checkbox" name="A_00">

<input type="checkbox" name="A_01">

<input type="checkbox" name="A_02">

...etc...

<input type="checkbox" name="all" onclick="select_all();">
</form>

</body>
</html>

**br1** · 16-05-2006, 15:27

codice:

function select_all()
{
  var f = document.my_form;
  var v = f.chk_all.checked;  // cambia il nome al tuo check: all e' parola riservata
  for (var i=0;i<f.elements.length;i++) {
    el = f.elements[i];
    if (el.type=="checkbox" && el.name.substr(0,2)=="A_") 
      el.checked = v;
  }
}

ciao

**Gaetano Vituzzi** · 16-05-2006, 15:37

storico!

**Gaetano Vituzzi** · 18-05-2006, 16:17

solo un'ultima cosa, vorrei che non selezionasse le checkbox che sono "disabled"

GRAZIE!

**Gaetano Vituzzi** · 21-05-2006, 10:17

**fcaldera** · 21-05-2006, 14:13

codice:

function select_all()
{
  var f = document.my_form;
  var v = f.chk_all.checked;  // cambia il nome al tuo check: all e' parola riservata
  for (var i=0;i<f.elements.length;i++) {
    el = f.elements[i];
    if (el.type=="checkbox" && el.name.substr(0,2)=="A_" && (!el.disabled)) 
      el.checked = v;
  }
}

Ciao

**progalba** · 31-05-2006, 16:31

interessava anke a me, xo a me non funziona io uso un checkbox cosi

<input type="checkbox" name="myCheckbox[]" value="<? echo"$row[id]";?>" id="myCheckbox<? echo"$c";?>">

come modifico la funzione per renderla valida?
thx mille sin da ora

**willybit** · 31-05-2006, 16:49

codice:

function select_all(obj){
  var ff = obj.form;
  var cc = ff.elements['myCheckbox[]'];
  for (var i=0;i<ff.elements.length;i++) {
    el = ff.elements[i];
    if (el.type=="checkbox" && el.name=="myCheckbox[]" && (!el.disabled)) 
      el.checked = obj.checked;
  }
}

da usare così

codice:

<form>
  <input type="checkbox" name="checkAll" value="on" onclick="select_all(this)">

  <input type="checkbox" name="myCheckbox[]" value="1">
  <input type="checkbox" name="myCheckbox[]" value="2">
  <input type="checkbox" name="myCheckbox[]" value="3">
  <input type="checkbox" name="myCheckbox[]" value="4">
  <input type="submit" value="submit">
</form>

**progalba** · 31-05-2006, 18:24

thx! ho trovato un sistema + veloce e comodo

**willybit** · 31-05-2006, 19:24

Originariamente inviato da progalba
thx! ho trovato un sistema + veloce e comodo

e non lo vuoi condividere?

Discussione: seleziona tutte le checkbox

Strumenti discussione

Ricerca discussione

Visualizza

seleziona tutte le checkbox

Permessi di invio