radiobutton che da readonly a un campo di testo

[trippacchiello]

Ragazzi ho 3 radiobutton che si chiamano "anticipo_hotel" e un campo di testo che si chiama "anticipo"

Vorrei fare in modo che se viene premuto il radiobutton con value = 1, il campo "anticipo" diventi readonly

Sapete dirmi come posso fare?

[br1]

Una delle tante possibili soluzioni:

<input type="radio" name="anticipo_hotel" value="0" onclick="document.getElementById('anticipo').readO nly=!this.checked">
<input type="radio" name="anticipo_hotel" value="1" onclick="document.getElementById('anticipo').readO nly=this.checked">
<input type="radio" name="anticipo_hotel" value="2" onclick="document.getElementById('anticipo').readO nly=!this.checked">

ciao

[trippacchiello]

ma devo mettere qualche opzione nel modulo?
ho provato ma non va...

sto provando cosi'


<form id="form1" name="form1" method="post" action="">



<input type="radio" name="anticipo_hotel" value="0" onclick="document.getElementById('anticipo').readO nly=!this.checked">
</p>



<input type="radio" name="anticipo_hotel" value="1" onclick="document.getElementById('anticipo').readO nly=this.checked">

</p>



<input type="radio" name="anticipo_hotel" value="2" onclick="document.getElementById('anticipo').readO nly=!this.checked">




</p>



<input name="anticipo" type="text" />
</p>
</form>

[br1]

<input name="anticipo" id="anticipo" type="text" />

ciao

[trippacchiello]

Originariamente inviato da br1
<input name="anticipo" id="anticipo" type="text" />

ciao

ma non c'e' un modo per far diventare il campo di testo scuro?

[br1]

Originariamente inviato da trippacchiello
ma non c'e' un modo per far diventare il campo di testo scuro?

Questo e' un'altro problema, non e' che alla fine delle domande chiedi pure come fare il caffe'? (scherzo)

Comunque prova prima a frugare fra le possibilita' offerte dal CSS, magari ti/ci risparmi di dover stravolgere i suggerimenti finora ricevuti.

ciao

[trippacchiello]

infatti pensavo che mettendo readonly uscisse direttamente scurito, mentre invece forse era proprio un css


ad ogni modo sto provando a metterci la classe che mi cambia il colore dei campi di testo ma non lo fa...

faccio cosi'.


<form id="form1" name="form1" method="post" action="">
<input type="radio" name="anticipo_hotel" value="0" onclick="document.getElementById('anticipo').readO nly=!this.checked">
<input type="radio" name="anticipo_hotel" value="1" onclick="document.getElementById('anticipo').readO nly=this.checked" class="tendina">
<input type="radio" name="anticipo_hotel" value="2" onclick="document.getElementById('anticipo').readO nly=!this.checked">
<input name="anticipo" id="anticipo" type="text" />
</form>

dove class="tendina" mi cambia il colore dei campi di testo.
Forse l'avro' messo male?

[trippacchiello]

niente, ancora non riesco a cambiare il colore del campo di testo e sto usando questo codice:


<form id="form1" name="form1" method="post" action="">



<input type="radio" name="anticipo_hotel" value="0" onclick="document.getElementById('anticipo').readO nly=!this.checked">
</p>



<input type="radio" name="anticipo_hotel" value="1" onclick="document.getElementById('anticipo').readO nly=this.checked;document.getElementById('anticipo ').style.backgroundColor=#ffff00">


</p>



<input type="radio" name="anticipo_hotel" value="2" onclick="document.getElementById('anticipo').readO nly=!this.checked">




</p>



<input name="anticipo" id="anticipo" type="text" />
</p>
</form>


qualcuno sa dirmi come fare?

[br1]

<script>
function attdis() {
	r = document.form1.anticipo_hotel[1];
	a = document.getElementById("anticipo");
	a.readOnly = r.checked;
	a.style.backgroundColor = (r.checked) ? "#CCCCCC" : "#FFFFFF" ;
}
</script>



<form id="form1" name="form1" method="post" action="">



<input type="radio" name="anticipo_hotel" value="0" onclick="attdis()">
</p>



<input type="radio" name="anticipo_hotel" value="1" onclick="attdis()">

</p>



<input type="radio" name="anticipo_hotel" value="2" onclick="attdis()">




</p>



<input name="anticipo" id="anticipo" type="text" />
</p>
</form>

ciao

[trippacchiello]

grazie
ottimo, funziona!