almeno un checkbox checked

**riccardo1975** · 31-10-2008, 15:50

Stò cercando di costruire una funzione che mi controlli che almeno una delle checkbox che fanno parte del "gruppo" e solo se almeno una è selezionata rimanda alla pagina 2 altrimenti visualizza un alert di errore. Purtroppo non conosco quasi niente il javascript e stò provando a modificare vari script trovati su internet ma ciccia.

Qualcuno può aiutarmi modificando il codice?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">

</script>
</head>
<body>
<div align="center">
<form name="form1" action="pagina2.php" method="post" onsubmit="return Controllo(this)">
<table width="200" border="1">
<tr>
<td><input type="checkbox" name="n1" id="gruppo"></td>
<td><input type="checkbox" name="n2" id="gruppo"></td>
<td><input type="checkbox" name="n3" id="gruppo"></td>
</tr>
<tr>
<td colspan="4">
<input type="submit" value="Invia">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>

**Pastore12** · 31-10-2008, 16:57

Ecco una possibile soluzione

Codice PHP:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Documento senza titolo</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT LANGUAGE="JavaScript">

function Controllo(f)

{

    alert ("controllo");

    var ckIndex = -1;

    for (var i=0; i<3; i++)

    {

        var b = document.getElementById("ck"+i).checked;

        if (b)

        {

            ckIndex = i;

            break;

        }



    }

    if (ckIndex>=0)

    {

        alert ("Selezionato"+ckIndex);

        document.form1.action="pagina0.html"

    }

    else

    {

        alert ("Nessuno selezionato");

        document.form1.action="pagina1.html"

    }



}

</script>

</head>

<body>

    <div align="center">

    <form name="form1" action="" method="post" onsubmit="return Controllo(this)">

    <table width="200" border="1">

        <tr>

            <td><input type="checkbox" name="gruppo" id="ck0"></td>

            <td><input type="checkbox" name="gruppo" id="ck1"></td>

            <td><input type="checkbox" name="gruppo" id="ck2"></td>

        </tr>

        <tr>

            <td colspan="4">

                <input type="submit" value="Invia">

            </td>

        </tr>

    </table>

    </form>

    </div>

</body>

</html>

Gli alert li lascio rimuovere a te..

Un'altra cosa! l'attributo ID di un elemento DEVE ESSERE UNIVOCO!!!!!
Sul name invece hai più possibilità.. ciao!

**riccardo1975** · 03-11-2008, 16:12

Thenks Funge!!! Ho potuto verificare solo oggi.

Mi trovo però adesso nella condizione di dover recuperare nella pagina2 i valori delle varie check.

Nel caso in cui avessi messo (come ho sempre fatto fino ad adesso), nomi diversi delle checkbox, recuperavo il loro valore facendo un ciclo e controllando una ad una ogni variabile n1, n2, n3, nn.

Adesso invece non ho idea di come recuperare tale valore:

Se ho invece:

<input type="checkbox" name="gruppo" id="ck0">
<input type="checkbox" name="gruppo" id="ck1">
<input type="checkbox" name="gruppo" id="ck2">

come vengo a conoscenza delvalore della 1°, 2°, e 3° checkbox?

**Pastore12** · 03-11-2008, 16:22

Dovrebbe bastare:

Codice PHP:


function Controllo(f)

{

    var ckIndex = -1;

    var parametro = "";



    for (var i=0; i<3; i++)

    {

        var b = document.getElementById("ck"+i).checked;

        if (b)

        {

            ckIndex = i;

            parametro += i + " ",

        }



    }

    if (ckIndex>=0)

        document.form1.action="pagina0.html?value="+parametro;

    else

        document.form1.action="pagina1.html";



}

nella pagina pagina0.html ti ritrovi un parametro "value", passato via get, che contiene i valori checkati.

**riccardo1975** · 03-11-2008, 16:40

ok, ma cosè un' array? Perchè se i valori checcked sono più di uno o addirittura tutti???

**Pastore12** · 03-11-2008, 16:45

Scommetti che se provi lo scopri?

Ciao!

**riccardo1975** · 03-11-2008, 19:39

ok, appena ho un minuto provo e vi faccio sapere!!!

**riccardo1975** · 03-11-2008, 23:49

Sinceramente NON SOLO non riesco a recuperare il valore di value in nessun modo (uso php) ma non mi funziona neppure quest'ultimo script che hai postato e del quale ho modificato solo l'estensione da html a php.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function Controllo(f)
{
var ckIndex = -1;
var parametro = "";

for (var i=0; i<3; i++)
{
var b = document.getElementById("ck"+i).checked;
if (b)
{
ckIndex = i;
parametro += i + " ",
}

}
if (ckIndex>=0)
document.form1.action="pagina0.php?value="+paramet ro;
else
document.form1.action="pagina1.php";

}
</script>
</head>
<body>
<div align="center">
<form name="form1" action="" method="post" onsubmit="return Controllo(this)">
<table width="200" border="1">
<tr>
<td><input type="checkbox" name="gruppo" id="ck0"></td>
<td><input type="checkbox" name="gruppo" id="ck1"></td>
<td><input type="checkbox" name="gruppo" id="ck2"></td>
</tr>
<tr>
<td colspan="4">
<input type="submit" value="Invia">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>

Questo è attualmente lo script...

**Pastore12** · 04-11-2008, 10:35

Salva come pagina0.php

nella funzione che ti avevo postato c'era un

,

invece di

;

...

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title>Documento senza titolo</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



    <script language="javascript">

    function controllo(f)

    {

        var ckIndex = -1;

        var parametro = "";

    

        for (var i=0; i<3; i++)

        {

            var b = document.getElementById("ck"+i).checked;

            if (b)

            {

                ckIndex = i;

                parametro += i + " ";

            }

        }

        if (ckIndex>=0)

        {

            f.action="pagina0.php?value="+parametro;

        }

        else

        {

            f.action="pagina0.php?value=null";

        }

        

        alert ("action: "+f.action);

        f.submit();

    

    }

</script>



</head>

<body>



<?php

    echo "Valore letto: $_GET[value]";

?>    





<div align="center">

    <form name="form1" action="" method="post" onsubmit="return controllo(this)">

        <table width="200" border="1">

            <tr>

                <td><input type="checkbox" name="gruppo" id="ck0"></td>

                <td><input type="checkbox" name="gruppo" id="ck1"></td>

                <td><input type="checkbox" name="gruppo" id="ck2"></td>

            </tr>

            <tr>

                <td colspan="4">

                    <input type="submit" value="Invia">

                </td>

            </tr>

        </table>

    </form>

</div>

</body>

</html>

**riccardo1975** · 04-11-2008, 20:49

Ok l'ho un pò modificato, non che così non funzionasse, ma l'ho adattato alla mia fattispecie.

GrazieMille

Discussione: almeno un checkbox checked

Strumenti discussione

Ricerca discussione

Visualizza

almeno un checkbox checked

Permessi di invio