Cambiar Css de un textbox segun seleccion

[M@uR0]

Hola Amigos

Tengo un cuadro de busqueda con 2 radio button, 1 textbox y un boton,los radio son Rut (DNI) y apellidos, quiero que al elegir un radio Ejm: Rut, la caja de texto pueda cambiar el css original del textbox por una caja mas chica y al elegir apellidos cambiar el css por uno mas largo

Saludos

[JavierB]

Hola M@uR0

¿Te refieres a esto...?

Código:

<form>
<input type="radio" name="rad" onclick = "pepe.style.width='150px'" checked="checked" />
<input type="radio" name="rad" onclick = "pepe.style.width='50px'" />
<input type="text" name="pepe" style="width:150px" />
</form>

Saludos,

P.D. No repitar el mismo mensaje en distintos foros.

[M@uR0]

mmmm.. sorry por lo de la repeticion, tenia que ver con css y Javascript, y como no respondian en uno, lo puse en el otro.. no volvera a ocurrir..

La idea es esa, aunque yo quiero asignarle un .class al objeto pero es eso.

Acabo de temrinar esto.

Asi lo hago

funciones.js

function CambiarMed(id) {
var elemento = document.getElementById(id);
elemento.className = "inputTextMed";
}

function CambiarNum(id) {
var elemento = document.getElementById(id);
elemento.className = "inputTextNum";
}


archivo.htm
<!--Son 3 botones radio k al seleccionar le cambia el css a un input text llamando runSearch -->

<script src="jscripts/funciones.js"></script>


<input name="radopcion" type="radio" value=2 checked onClick="CambiarMed('run_Search')">
Apellido
<input name="radopcion" type="radio" value=0 unchecked onClick="CambiarNum('run_Search')">
R.U.T
<input name="radopcion" type="radio" value=1 unchecked onClick="CambiarNum('run_Search')">
N.P.I
<input name="run_Search" type="text" class="inputTextMed" id="run_Search">

POr lo menos asi ya me funciono