selezionare gruppi di checkbox

**paolomic** · 03-08-2006, 18:39

Salve a tutti, ho un problema che non riesco a risolvere e vorrei esporvelo:
in una pagina creata mediante php vengono visualizzati dei gruppi di checkbox, a capo di ogni gruppo vorrei mettere un'altra checkbox, cliccando la quale vengono selezionati tutti quelli del gruppo, viceversa deselezionandola lo stesso fanno le altre checkbox sempre del gruppo. Il problema è che essendo la pagina creata dinamicamente le checkbox hanno tutte lo stesso nome.
Non so se quello che sto chiedendo è possibile farlo, non sono un esperto, quindi ringrazio chiunque può darmi qualche consiglio!

**willybit** · 04-08-2006, 11:59

ciao paolomic,

come fai a distinguere i diversi gruppi se hanno tutte le stesso nome?

**paolomic** · 04-08-2006, 15:33

sì in effetti così si è in un vicolo cieco...
allora mettiamo che riesco a distinguere ogni gruppo aggiungendo magari un numero alla fine: gruppo1, gruppo2, gruppo3 ecc, in questo modo si riesce a fare qualcosa?
ciao e grazie

**pierofix** · 04-08-2006, 16:02

Sì, certamente.

Un esempio:

codice:

<fieldset id="film">

   <legend>Film</legend>

   <input id="film_1" name="film" type="checkbox" value="Il gladiatore" />
   <label for="film_1"><cite>Il gladiatore</cite></label>
   
   

</fieldset>

Nel javascript:

codice:

function seleziona_checkbox(nome_gruppo)
{
   var gruppo = document.getElementById(nome_gruppo)
   var checkboxes = gruppo.getElementsByTagName('input')

   for (var i = 0; i < checkboxes.length; i++)
   {
      checkboxes.item(i).checked = true
   }
}

Nota bene: l'argomento nome_gruppo - della funzione seleziona_checkbox - si riferisce all'id del fieldset.

**paolomic** · 04-08-2006, 18:14

scusa ma ho una conoscenza minima di javascript, ho fatto una prova e te la mostro:

<script type="text/javascript">
function seleziona_checkbox(nome_gruppo)
{
var gruppo = document.getElementById(nome_gruppo)
var checkboxes = gruppo.getElementsByTagName('input')

for (var i = 0; i < checkboxes.length; i++)
{
checkboxes.item(i).checked = true
}
}

</script>
</head>

<body>

<fieldset id="film">

<legend>Film</legend>
<input id="film_1" name="film" type="checkbox" onClick="seleziona_checkbox(film);" />
<label for="film_1"><cite>tutte- nessuna</cite></label>

<input id="film_2" name="film" type="checkbox" value="Il gladiatore" />
<label for="film_2"><cite>Il gladiatore</cite></label>

<input id="film_3" name="film" type="checkbox" value="Blade" />
<label for="film_3"><cite>Blade</cite></label>

</fieldset>

ho aggiunto all'inizio del gruppo una checkbox spuntando la quale si dovrebbero selezionare tutti ma non funzione, pui correggermela? invece per ottenere il risultato opposto, ossia togliendo la spunta si deseleziona tutto il gruppo?
ciao e grazie

**pierofix** · 04-08-2006, 18:21

Occhio a scrivere bene il markup del form, innanzitutto. Se può esserti d'aiuto: http://www.webaccessibile.org/argome...to.asp?cat=295 .

Dopodichè, occhio a come passi il valore dell'argomento della funzione. Devi scrivere:

codice:

seleziona_checkbox('film');

con le virgolette.

Adesso sono molto impegnato e non riesco a scriverti la soluzione al tuo nuovo problema. Abbi pazienza.

VVoVe:

Discussione: selezionare gruppi di checkbox

Strumenti discussione

Ricerca discussione

Visualizza

selezionare gruppi di checkbox

Permessi di invio