RADIO e TEXT attivi in mutua esclusione in FORM HTML--AIUTO!!!

Simo8012 · 16-01-2007, 18:38

Salve ragazzi ho un problema, dovrei creare un form con 2 input di tipo radio...
esempio il primo NOME, il secondo ALTRO che però deve essere associato ad un altro input di tipo TEXT.
Mi spiego meglio...vorrei che quando clicco su ALTRO si attivi l'input text e viceversa se clicco sul campo TEXT mi selezioni in automatico l'input di tipo RADIO "ALTRO" deselezionando automaticamente NOME. Cosa devo scrivere?
intanto io ho questo codice html:

<input type="radio" name="nome" value="Nome" checked> Nome
<input type="radio" name="nome" value="Altro"> Specifica
<input type="text" name="nome">

tra l'altro vorrei che al momento del post se è cliccata l'opzione nome passi il valore "Nome" mentre invece se è cliccato "Altro" passi il valore inserito da tastiera nel input di tipo testo "Specifica".
Grazie dell'aiuto

andbin · 17-01-2007, 10:21

Quote:

Originariamente inviato da Simo8012

Salve ragazzi ho un problema, dovrei creare un form con 2 input di tipo radio...
esempio il primo NOME, il secondo ALTRO che però deve essere associato ad un altro input di tipo TEXT.
Mi spiego meglio...vorrei che quando clicco su ALTRO si attivi l'input text e viceversa se clicco sul campo TEXT mi selezioni in automatico l'input di tipo RADIO "ALTRO" deselezionando automaticamente NOME. Cosa devo scrivere?
intanto io ho questo codice html:

<input type="radio" name="nome" value="Nome" checked> Nome
<input type="radio" name="nome" value="Altro"> Specifica
<input type="text" name="nome">

tra l'altro vorrei che al momento del post se è cliccata l'opzione nome passi il valore "Nome" mentre invece se è cliccato "Altro" passi il valore inserito da tastiera nel input di tipo testo "Specifica".
Grazie dell'aiuto

Innanzitutto è meglio se al campo di testo metti un altro name.

Prova questa pagina:

Codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prova</title>
<script type="text/javascript">
<!--
function sel_nome()
{
    document.form1.altro.disabled = true;
    document.form1.altro.value = "Nome";
}

function sel_altro()
{
    document.form1.altro.disabled = false;
    document.form1.altro.value = "";
    document.form1.altro.focus ();
}
//-->
</script>
</head>
<body onload="sel_nome()">

<form name="form1" action="">
<p>

<input type="radio" name="nome" value="Nome" checked onclick="sel_nome()"> Nome
<input type="radio" name="nome" value="Altro" onclick="sel_altro()"> Specifica
<input type="text" name="altro">

</p>
</form>

</body>
</html>

Se clicchi su Nome, la casella di testo viene disabilitata e viene inserita la scritta "Nome" (così è già a posto per l'invio), se clicchi su Specifica la casella di testo viene abilitata e riceve il focus.

Spero che possa andarti bene.

16-01-2007, 18:38	#1
Simo8012 Member Iscritto dal: Mar 2004 Messaggi: 101	RADIO e TEXT attivi in mutua esclusione in FORM HTML--AIUTO!!! Salve ragazzi ho un problema, dovrei creare un form con 2 input di tipo radio... esempio il primo NOME, il secondo ALTRO che però deve essere associato ad un altro input di tipo TEXT. Mi spiego meglio...vorrei che quando clicco su ALTRO si attivi l'input text e viceversa se clicco sul campo TEXT mi selezioni in automatico l'input di tipo RADIO "ALTRO" deselezionando automaticamente NOME. Cosa devo scrivere? intanto io ho questo codice html: <input type="radio" name="nome" value="Nome" checked> Nome <input type="radio" name="nome" value="Altro"> Specifica <input type="text" name="nome"> tra l'altro vorrei che al momento del post se è cliccata l'opzione nome passi il valore "Nome" mentre invece se è cliccato "Altro" passi il valore inserito da tastiera nel input di tipo testo "Specifica". Grazie dell'aiuto

Strumenti
Mostra una versione stampabile Invia questa pagina per email