Form con due checkbox ed un tasto invia

**Utente** · 30-01-2007, 10:32

Ciao ragazzi mi servirebbe un aiutino...di JavaScript

non ci capisco una cippa-lippa.

Mi serve un form con due checkbox ed un tasto invio...e fin qui tutto semplice

Adesso viene la parte migliore...la situazione iniziale deve essere la seguente:

1° checkbox ----> cliccabile
2° checkbox ----> non cliccabile
Tasto invia ----> abilitato

Se clicco sul 1° checkbox la situazione deve cambiare come di seguito:

1° checkbox ----> cliccato
2° checkbox ----> cliccabile
Tasto invia ----> disabilitato

Se clicco sul 2° checkbox la situazione deve cambiare come di seguito:

1° checkbox ----> cliccato
2° checkbox ----> cliccato
Tasto invia ----> abilitato

Spero di essermi spiegato bene.

Grazie

**stiffa** · 30-01-2007, 10:49

Codice PHP:


<html>

<head>

    <title>Ajax</title>



<link rel="StyleSheet" href="js/dtree.css" type="text/css" />

<script language = "javascript" type="text/javascript">

function changeMode(my_check){

    if(my_check.id=="ck1"){

        if(my_check.checked){

            document.getElementById('ck2').disabled=false;

            document.getElementById('invia').disabled=true;

        }else{

            document.getElementById('ck2').disabled=true;

            document.getElementById('invia').disabled=false;

        }

    }else{

            document.getElementById('ck1').checked=true;

            document.getElementById('invia').disabled=false;

    }

    

}

</script>







</head>

<body>

<table><tr><td><input type="checkbox" id="ck1" value="1" onclick="changeMode(this);"></td></tr>

    <tr><td><input type="checkbox" id="ck2" value="1"  onclick="changeMode(this);" disabled></td></tr>

    <tr><td><input type="button" id="invia" value="invia"></td></tr>

    </table>

</body>

</html>

**Utente** · 30-01-2007, 10:57

Che dire stiffa ?

Perfetto!!!

Grazie mille

**Utente** · 30-01-2007, 11:21

Ciao stiffa un piccolo appunto, se tolgo la selezione dal 2° checkbox il tasto Invia rimane attivato...vorrei fare in modo che si disattivasse.

Grazie

**stiffa** · 30-01-2007, 11:36

Codice PHP:


function changeMode(my_check){

    if(my_check.id=="ck1"){

        if(my_check.checked){

            document.getElementById('ck2').disabled=false;

            document.getElementById('invia').disabled=true;

        }else{

            document.getElementById('ck2').disabled=true;

            document.getElementById('invia').disabled=false;

        }

    }else{

        if(my_check.checked){

            document.getElementById('ck1').checked=true;

            document.getElementById('invia').disabled=false;

        }else{

            document.getElementById('invia').disabled=true;

        }

    }

    

}

dovresti guardarti un po come funzionano gli elementi del dom, i loro metodi e le loro proprieta'

document.getElementById('id_check'); con questa raggiungi l'elemento del dom

Poi se e' una checkbox avra' la proprieta' checked.
Non faccio altro che controllare se e' cecked e abilitare o disabilitare il tasto invio basandomi sulla proprieta' disabled (quasi tutti gli elementi del dom la hanno.)

ciao

**Utente** · 30-01-2007, 16:29

Grazie stiffa avevo provato ma senza risultato, adesso ho capito come funziona.

Discussione: Form con due checkbox ed un tasto invia

Strumenti discussione

Ricerca discussione

Visualizza

Form con due checkbox ed un tasto invia

Permessi di invio