Como mostrar y ocultar un TextBox mediante un radiobuttonlist usando javascript??

elvisoftweb · #1 (**permalink**) 16/07/2012, 10:19

Hola maravillosa gente de FDW,
Tengo un problemita sucede que deseo mediante un radiobuttonlist mostrar u ocultar un textbox trabajo en .net y deseo hacerlo con Javascript porque lo resolvi haciendo un postback luego poniendo desde codigo tetxbox.visible= true o false (de acuerdo a que si deseo mostrarlo u ocultarlo) pero resulta que el postback me trae otros inconvenientes al momento de hacer validaciones de la pagina y enviar el formulario, por eso deseo resolverlo si o si desde Javascript.
Me comento mi jefe del proyecto donde estoy programando que en .net los radiobuttonlist no son iguales que los dropdownlist que desde Javascript los podes manejar facilmente por ejemplo para mostrar u ocultar un textbox desde un dropdownlist podes agregarle el evento onchange y llamar a una funcion de javascript como la que sigue:

Código:

<script type="text/javascript">
        function ddlPlazoOtrosMostrar(obj) {
            var objOtros = document.getElementById("<%= txtPlazoOtro.ClientID %>");
            objOtros.style.display = (obj.value == "6") ? "inline" : "none";
        }
</script>

Esto ocultara el textbox = txtPlazoOtro cada vez que el dropdownlist.value = "6"

Como les decia esto funciona de maravilla pero en un radiobuttonlist este javascript no funciona no produce nada cuando el obj es un radio por eso mi duda, alguien podria ayudarme????

Deseo un javascript que solucione mi inconveniente trabajo con la tecnologia de .net
Saludos cordiales y desde ya muchas gracias

emprear · #2 (**permalink**) 16/07/2012, 12:55

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
#texto{
display: none;}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function ddlPlazoOtrosMostrar(obj,elCampo) {
var campo = document.getElementById(elCampo);
campo.style.display =(obj=="6")?'inline':'none';
}
//]]>
</script>
</head>
<body>
<form action="#">
<p> 
    mostrar<input type="radio" value="6" onclick="ddlPlazoOtrosMostrar(this.value,'texto')" name="mo" /> 
    ocultar<input type="radio" value="0" onclick="ddlPlazoOtrosMostrar(this.value,'texto')" name="mo" />
    <br />
    <input type="text" id="texto" />
</p>
</form>
</body>
</html>

Saludos

elvisoftweb · #3 (**permalink**) 16/07/2012, 18:04

Justamente

Gracias emprear pero no funciona tu codigo porque trabajo en .net como te decia y justamente el ejemplo que puse de javascript es el que no funciona al usar radiobuttons, pero si funciona si uso un dropdownlist creo que no me entendiste de todas maneras gracias por tu aporte

elvisoftweb · #4 (**permalink**) 16/07/2012, 18:04

No No no,

Gracias emprear pero no funciona tu codigo porque trabajo en .net como te decia y justamente el ejemplo que puse de javascript es el que no funciona al usar radiobuttons, pero si funciona si uso un dropdownlist creo que no me entendiste de todas maneras gracias por tu aporte.