jQuery radio bottom attiva campo input

**pmi** · 02-01-2013, 16:48

Ciao,
come devo fare per rendere attivo il campo text solo quando è spuntato il radio altro?

<input name="amount" type="radio" value="25.00" checked/>$ 25.00
<input type="radio" name="amount" value="50.00"/>$ 50.00
<input type="radio" name="amount" value="100.00"/>$ 100.00
<input type="radio" name="amount" value="altro"/>Altro

<input type="text" id="amount" value="" />

**lucavizzi** · 02-01-2013, 18:56

codice:

<input name="amount" type="radio" value="25.00" checked onclick="document.getElementById('amount').disabled=true;" />$ 25.00
<input type="radio" name="amount" value="50.00" onclick="document.getElementById('amount').disabled=true;"/>$ 50.00
<input type="radio" name="amount" value="100.00" onclick="document.getElementById('amount').disabled=true;" />$ 100.00
<input type="radio" name="amount" value="altro" onclick="document.getElementById('amount').disabled=false;" />Altro

<input type="text" id="amount" value="" disabled="disabled"  />

Ciao

**pmi** · 02-01-2013, 19:25

Quando si disattiva il campo text, è possibile cancellare anche un eventuale value?
Grazie mille.
D.

**lucavizzi** · 02-01-2013, 19:43

codice:

<head>
<script type="text/javascript">
window.onload=function(){
   var arrRadio=document.module.amount;
   for(var i=0; i<arrRadio.length; i++){
      arrRadio[i].onclick=function(){
         if(this.value=='altro'){
            document.getElementById('amountText').disabled=false;
         }else{
            document.getElementById('amountText').disabled=true;
            document.getElementById('amountText').value='';
         }
      }
   }
}
</script>
</head>
<body>
<form name="module">
<input name="amount" type="radio" value="25.00" checked />$ 25.00
<input type="radio" name="amount" value="50.00" />$ 50.00
<input type="radio" name="amount" value="100.00" />$ 100.00
<input type="radio" name="amount" value="altro" />Altro

<input type="text" id="amountText" value="" disabled="disabled"  />
</form>

Ciao

**pmi** · 02-01-2013, 20:26

Credo ci sia qualche errore perchè quando clicco sul altro il campo non si attiva!
Ciao,
D.

**lucavizzi** · 02-01-2013, 20:44

Hai aggiunto il tag form con il name "module"?

**pmi** · 02-01-2013, 21:06

Sì
<form action="module" method="get">

**lucavizzi** · 02-01-2013, 21:38

Originariamente inviato da pmi
Sì
<form action="module" method="get">

Il name deve essere "module", non l'action.

**pmi** · 03-01-2013, 10:57

Grazie mille! e auguri di felice anno nuovo!
D.

**lucavizzi** · 03-01-2013, 11:27

Originariamente inviato da pmi
Grazie mille! e auguri di felice anno nuovo!
D.

Grazie! Buon anno anche a te

Discussione: jQuery radio bottom attiva campo input

Strumenti discussione

Ricerca discussione

Visualizza

jQuery radio bottom per attivare e disattivare campo input

Re: jQuery radio bottom per attivare e disattivare campo input

Re: Re: jQuery radio bottom per attivare e disattivare campo input

Permessi di invio