Input radio che abilita una input text

**TheAikon** · 09-06-2003, 10:33

Salve ragazzi io una form con tanti campi, ma su tre di essi debbo effettuare un controllo particolare, vi spiego:

I tre campi sono una input text

<INPUT type="text" name="Sconto" value="10" size="20">

E due radio

SI
<input type="radio" name="Offr" value="1">
NO
<input type="radio" name="Offr" value="0">

Il controllo che mi serve fare è il seguente:
Se clicco sul radio opzione "si", si deve abilitare la input text
"Sconto";
Se clicco sul radio opzione "no", si deve disabilitare la input text "Sconto" ed il valore che deve avere(la input text) (all'atto del submit) deve essere zero.

Spero di essere stato abbastanza chiaro.

Grazie anticipatamente!

Aikon

**alex1978** · 09-06-2003, 11:06

Ho gia risposto a un altro ragazzo che aveva il tuo stesso problema

Se vai qui http://forum.html.it/forum/showthrea...hreadid=465074 trovi la risposta

Ciao e se hai problemi chiedi pure

**TheAikon** · 09-06-2003, 11:46

OK ci siamo quasi però io se è possibile lo vorrei in questo modo:

la input text vorrei che venisse visualizzata sempre; se clicco sul radio si si deve poter scrivere un valore al suo interno, altrimenti read only.
E quando è in stato read only, vorrei che il valore di defaul della input text fosse zero.

Questo è lo script che mi hai consigliato:

<html>
<head>
<script language="JavaScript">
function abilita(){
window.nomeForm.info.style.visibility = "visible";
}

function disabilita(){
window.nomeForm.info.value = "";
window.nomeForm.info.style.visibility = "hidden";
}
</script>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form action="action" method="post" name="nomeForm">
Opzione 1<input name="scelta" type="radio" value="1" onClick="disabilita()">

Opzione 2<input name="scelta" type="radio" value="2" onClick="abilita()">

Opzione 3<input name="scelta" type="radio" value="3" onClick="disabilita()">

<input name="info" type="text" size="10" maxlength="10" style="visibility:hidden">

<input name="submit" type="submit" value="Invia">
</form>
</body>
</html>

Aikon

**willybit** · 09-06-2003, 11:57

Originariamente inviato da TheAikon
io se è possibile lo vorrei in questo modo:

la input text vorrei che venisse visualizzata sempre; se clicco sul radio si si deve poter scrivere un valore al suo interno, altrimenti read only.
E quando è in stato read only, vorrei che il valore di defaul della input text fosse zero.

così?

codice:

<INPUT type="text" name="Sconto" value="10" size="20"> 
SI 
<input type="radio" name="Offr" value="1" checked onclick="this.form.Sconto.readOnly=false"> 
NO 
<input type="radio" name="Offr" value="0" onclick="this.form.Sconto.value=0;this.form.Sconto.readOnly=true;">

**alex1978** · 09-06-2003, 12:48

Ok allora anzichè giocare sulla visibilità coi CSS usa il readonly e assegna il valore 0..basta che cambi le due funzioni

**TheAikon** · 09-06-2003, 12:59

Allora Willybit il sistema funziona in parte...ti spiego:
se all'apertura della pagina il radio è impostato su no, mi da comunque la possibilità di scrivere all'interno della input text; se clicco sul radio si mi fa scrivere, se poi clicco su no non mi fa scrivere e mi da il default zero.

Poichè sono dati estrapolati da un db, non posso mettere il checked di defaul su si.

Aikon

**TheAikon** · 09-06-2003, 13:08

alex1978 potresti scrivermi un esempio, visto che ho provato in vari modi e mi ritorna sempre un errore.

Aikon

**willybit** · 09-06-2003, 13:10

tu imposti lato server il radio selezionato... se selezioni no metti readonly nel text e valore 0... qual'è il problema? Vuoi fare tutto in javascript?

**TheAikon** · 09-06-2003, 13:27

Willybit così come è fatto non fa quello che dici tu, perchè quando apro la pagina del form, che mi ritorna i dati dal server, se il radio è impostato sul no io comunque ho la possibilità di inserire un valore all'interno della input text e questo non deve accadere.
Se invece passo dal si al no allora mi rende la input text readonly.

Spero di essermi spiegato bene.

Aikon

**willybit** · 09-06-2003, 13:36

Originariamente inviato da TheAikon
Willybit così come è fatto non fa quello che dici tu, perchè quando apro la pagina del form, che mi ritorna i dati dal server, se il radio è impostato sul no io comunque ho la possibilità di inserire un valore all'interno della input text e questo non deve accadere.
Se invece passo dal si al no allora mi rende la input text readonly.

Spero di essermi spiegato bene.

Aikon

ti sei spiegato bene... sarò io che non mi sono spiegato :gren:
devi impostare readonly nel text lato server nel caso sia da selezionare il radio NO

se non vuoi fare lato server... al limite puoi fare così

codice:

<HTML>
<HEAD>
<script language="javascript">
function NomeFunzione(ff){
	if(ff.Offr[1].checked){
		ff.Sconto.value=0
		ff.Sconto.readOnly=true
	}
	else ff.Sconto.readOnly=false
}
</script>
</HEAD>
<BODY onload="NomeFunzione(document.NomeForm)">
<form name="NomeForm">
<INPUT type="text" name="Sconto" value="10" size="20"> 
SI 
<input type="radio" name="Offr" value="1" onclick="NomeFunzione(this.form)"> 
NO 
<input type="radio" name="Offr" value="0" checked onclick="NomeFunzione(this.form)"> 
</form>
</BODY>
</HTML>

Discussione: Input radio che abilita una input text

Strumenti discussione

Ricerca discussione

Visualizza

Input radio che abilita una input text

Permessi di invio