I form ci permettono spesso di selezionare più opzioni tramite l'utilizzo di checkbox; se le voci sono presenti sono molte, poter selezionare o deselezionare con un unico comando tutte le checkbox risulta essere una grande comodità per l'utente; in questo articolo vedremo quindi come utilizzare insieme Javascript e PHP per redere simultaneamente selezionabili e deselezionabili le checkbox dei nostri form.
Cominiamo con il codice Javascript:
<SCRIPT LANGUAGE="JavaScript">
function check(field)
{
for (i = 0; i < field.length; i++)
{
field[i].checked = true;
}
}
function decheck(field)
{
for (i = 0; i < field.length; i++)
{
field[i].checked = false;
}
}
</script>
Per quanto riguarda il codice PHP, supporremo che le voci da selezionare siano presenti all'interno di un database pronte per essere estratte:
<form method="post" action="nome_file.php">
<b>Selziona una voce </b>:<br />
<?php
$query = mysql_query("Select DISTINCT check FROM tabella);
while($f = mysql_fetch_array($query))
{ ?>
<?php
echo $f['check'];
?>
<input type="checkbox" name="list" value="<? echo $f['chek']; ?>" /><br />
<?php
}
?><br />
<input type=button value="sel all" onClick="check(this.form.list)" class="invia">
<input type=button value="del all" onClick="decheck(this.form.list)" class="invia">
<input type="submit" name="submit" value="invia">
</form>
Nella query abbiamo utilizzato la clausola DISTINCT prevedendo che nella tabella potessero esistere dei duplicati, in caso contrario potrà essere rimossa. Per utilizzare gli esempi proposti basterà inserire il codice Javascript trà le intestazioni della pagina HTML e modificare il PHP adattandolo alle caratteristiche del nostro database. |
