jquery keypress disabilitare Input

**ricman** · 12-09-2011, 10:40

Ho 4 campi di input indipendenti. Vorrei che funzionassero come una sorta di radio button... ovvero che se inizio a scrivere dentro un di essi, gli altri 3 devono diventare inutilizzabili. A meno che io non "pulisca" (semplicemente cancellando) il testo del campo in uso. Allora la situazione si dovrebbe nuovamente azzerare per avere di nuovo i 4 campi utilizzabili.

Pensavo al jquery... sto cercando qualcosa ma non riesco a trovare qualche caso simile...

**simo_JQ** · 12-09-2011, 13:01

Proviamo...

html

codice:

<input class="radio_input" />
<input class="radio_input" />
<input class="radio_input" />
<input class="radio_input" />

La selezione degli input avviene attraverso la classe, se i tuoi input ne avessero già una sostituiscila nel codice JQ qui sotto "radio_input" con "tuaClasse" oppure aggiungi questa nuova classe all'interno del tag CLASS dell'input separandola con unp spazio:

<input class="tuaclasse radio_input" />

Puoi editare l'input nel modo che vuoi per il resto, la cosa importante è che la classe coincida con quella scritta sotto

Il codice JQ va inserito alla fine del tuo codice HTML subito prima che venga chiuso il tag <body>
jq

codice:

<script type="text/javascript">
	$('.radio_input').keyup(function(){
	      // se il valore del input che utilizzi è vuoto 
	   if(!$(this).val()){
	     $('.radio_input').removeAttr("disabled");
	   } else {
		   $('.radio_input').not(this).attr("disabled","disabled");
	   }
	}).keyup();
</script>

PS : RICORDATI DI INCLUDE LA LIBRERIA JQ NELLA HEAD.

ciaooo

**ricman** · 12-09-2011, 15:26

Parrebbe funzionare

Grazie mille

**simo_JQ** · 12-09-2011, 15:33

Ottimo.

Discussione: jquery keypress disabilitare Input

Strumenti discussione

Ricerca discussione

Visualizza

jquery keypress disabilitare Input

Permessi di invio