Activar/Desactivar tres cajas de texto

[pimby]

Hola, es mi primer mensaje en foros... soy novata jeje

Os comento, quiero hacer lo siguiente:

->Tengo tres botones tipo button, y tres cajas de texto.
Al presionar un botón se debe activar su caja de texto correspondiente para poder escribir en ella... y que las otras dos estén desactivadas.
Es decir, que sólo se pueda elegir una de las tres opciones donde escribir.

Sé hacerlo con dos cambiando los valores de true y false... pero con 3 ni idea :S

Si alguien puede ayudarme, estaría muy agradecida, gracias

[gpmartinez]

Supongo que tienes una variable para las 2 cajas. Cuando pinchas en una se activa y se desactiva la otra, y viceversa.

Se me ocurre que pongas una variable para cada caja (o un array).
Cada vez que pulses en una caja revises todas las variables y las pongas a false, excepto en la q pinchaste q la pongas a true.

[zeudio]

si como dice gpmartinez supongo que algo asi :

switch (boton1){
case 1:
textbox1.disabled = false;
textbox2.disabled = true;
textbox3.disabled = true;
return;
case 2:
textbox1.disabled = true;
textbox2.disabled = false;
textbox3.disabled = true;
return;
case 2:
textbox1.disabled = true;
textbox2.disabled = true;
textbox3.disabled = false;
return;
}

nota: dejar desactivadas las tres por default

[zeudio]

ah checa bien la sintaxis, por que creo faltaron corchetes {} en los case. Saludos!

[carlos_belisario]

pues yo no se si sea lo mas optimo pero lo yo lo he echo con una funcion para cada boton ej

Código Javascript:

function activar1(){
     var cana1=document.getElementById("text1").disabled=true;
     var cana2=document.getElementById("text2").disabled=false;
     var cana3=document.getElementById("text3").disabled=false;
}
function activar2(){
     var cana1=document.getElementById("text1").disabled=false;
     var cana2=document.getElementById("text2").disabled=true;
     var cana3=document.getElementById("text3").disabled=false;
}
function activar3(){
     var cana1=document.getElementById("text1").disabled=false;
     var cana2=document.getElementById("text2").disabled=false;
     var cana3=document.getElementById("text3").disabled=true;
}
 

Código HTML:

<input type="text" name="text1" id="text1" disabled="disabled"/><input type="button" value="activar" onclick="activar1()"/>
<input type="text" name="text2" id="text2" disabled="disabled"/><input type="button" value="activar" onclick="activar2()"/>
<input type="text" name="text3" id="text3" disabled="disabled"/><input type="button" value="activar" onclick="activar3()"/>
 

espero te sirva

[pimby]

Muchisisimas gracias a todos de verdad

Al final lo hice con las funciones, pero cambié los valores de true y false, porque quería que al presionar el botón se activase =)

Este es mi código en concreto:
-----------------------------------
<script type="text/javascript">
function activar1(){
var primero=document.getElementById("text1").disabled= false;
var segundo=document.getElementById("text2").disabled= true;
var tercero=document.getElementById("text3").disabled= true;
}
function activar2(){
var primero=document.getElementById("text1").disabled= true;
var segundo=document.getElementById("text2").disabled= false;
var tercero=document.getElementById("text3").disabled= true;
}
function activar3(){
var primero=document.getElementById("text1").disabled= true;
var segundo=document.getElementById("text2").disabled= true;
var tercero=document.getElementById("text3").disabled= false;
}
</script>
------------------------------------------
(html)

<button type="button" name="cie" onclick="activar1()" ><label>Tipo1</label></button>
<select id="text1" disabled="disabled">
<option size="60">..........</option>
<option size="60">..........</option>
</select> <br /><br />

<button type="button" name="dsm" onclick="activar2()"><label>TIpo2</label></button>
<input type="text" id="text2" disabled="disabled" size="60"/><br /><br />

<button type="button" name="diagnostico" onclick="activar3()"><label>Tipo3</label></button>
<input type="text" id="text3" disabled="disabled" /><br /><br />


Gracias por vuestro tiempo =)