Abilitare tasto da radiobutton

**Frankos** · 15-01-2007, 15:15

Ciao,

ho il seguente 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">
function verificaStato(){
if (!document.lista.modItem.checked) {
document.azioni.modifica.disabled = true;
} else {
document.azioni.modifica.disabled = false ;
}
}
</script>
</head>
<body>
<form name="lista" method="post" action="">

<input name="modItem" type="radio" value="1" onChange="verificaStato()">1</p>

<input name="modItem" type="radio" value="2" onChange="verificaStato()">2</p>
</form>
<form name="azioni" method="post" action="">
<input disabled type="submit" name="modifica" value="Invia">
</form>

</p>
</body>
</html>

In teoria dovrebbe abilitarmi il tasto di invio solo quando seleziono uno dei radiobutton, invece non succede niente.
Qualche suggerimento?

**floyd** · 15-01-2007, 15:25

ma il form si chiama lista, non azioni

**stiffa** · 15-01-2007, 15:27

... vedi se lo volevi in questo modo

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 verificaStato(){

    if (document.getElementById('id_1').checked) {

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

    }else if(document.getElementById('id_2').checked) {

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

    } 

}

</script>

</head>

<body>

<form name="lista" method="post" action="">



<input name="modItem" type="radio" id="id_1" value="1" onChange="verificaStato()">1</p>



<input name="modItem" type="radio" id="id_2"value="2" onChange="verificaStato()">2</p>

</form>

<form name="azioni" method="post" action="">

<input disabled type="submit" id="id_input"name="modifica" value="Invia">

</form>



 </p>

</body>

</html>

**Frankos** · 15-01-2007, 15:28

Sono due i form, uno con i radiobutton e uno con il pulsante.
E' solo un esempio, nell'applicazione reale mi serve proprio con i 2 form.

**Frankos** · 15-01-2007, 15:31

Stiffa, ho provato il tuo metodo, ma mi abilita il pulsante solo quando seleziono il secondo radiobutton
Io dovrei abilitarlo quando qualunque radio della lista é selezionato

**floyd** · 15-01-2007, 15:31

mi era sfuggito
come sice stiffa dato che i radiobutton sono due, devi accedere a uno di essi tramite id

**Frankos** · 15-01-2007, 15:39

Ad accedere tramite ID mi si complica la vita, poiché in questo esempio sono solo 2 radiobutton, ma poi nel mi caso specifico avrò una serie anche numerosa di radiobutton, creati dinamicamente con PHP

**floyd** · 15-01-2007, 15:57

il fatto di delegare il controllo del check alla funzione complica la vita, non accedere tramite id
<input name="modItem" type="radio" value="1" onChange="verificaStato(this.checked)">
<script>
function verificaStato(chk) {
document.azioni.modifica.disabled = !chk;
}
</script>

**Frankos** · 15-01-2007, 16:07

Si, cosi va meglio, solo che succede una cosa strana.
Appena caricata la pagina, se selezione il primo radio, il pulsante resta disabilitato, poi al successivo radio si abilita.
Dovrebbe già abilitarsi quando seleziono il primo, giusto?

**floyd** · 15-01-2007, 16:11

credo sia un bug di ie
prova con onclick al posto di onchange

Discussione: Abilitare tasto da radiobutton

Strumenti discussione

Ricerca discussione

Visualizza

Abilitare tasto da radiobutton

Permessi di invio