entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

4votos

Deshabilitar label mediante javascript

buenas gente tengo una duda quiero deshabilitar labels mediante javascript

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
<title></title> 
<script>
    function test() {

        document.getElementById('lblapematerno').innerText = '';
        document.getElementById('lblnombre').innerText = '';
        return false;
    }

   </script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:TextBox runat="server" ID="txtapematerno" Width="306px" style="margin-bottom:3px" CssClass="bordes" Height="16px" onfocus="Javascript:return test()"></asp:TextBox>
                        <p style="margin-top: -20px; margin-left: 70px; width: 146px;">
                            <asp:Label ID="lblapematerno" runat="server" Text="Ingrese Apellido Materno" Font-Size="Small" ForeColor="Red" Visible="true">
                            </asp:Label>
                        </p>
    <br 
<br> 
<asp:TextBox runat="server" ID="txtnombre" Width="301px" style="margin-bottom:3px" CssClass="bordes" Height="16px"  ></asp:TextBox>
                        <p style="margin-top: -20px; margin-left: 100px; width: 92px;">
                            <asp:Label ID="lblnombre" runat="server" Text="Ingrese Nombre" Font-Size="Small" ForeColor="Red" Visible="true">
                            </asp:Label>
                        </p>

</div> 
</form> 
</body> 
</html> 

el problema es que se desahabilitan los 2 a la vez quisiera saber la forma de poder hacerlo independiente ... al momento de hacer el click al textbox.

2votos

carlossevi comentado

Una pregunta ¿Llamas "deshabilitar label" a vaciar el contenido del textbox?

1voto

IronHeart comentado

visible = false;

1 Respuesta

2votos

cobasESP Puntos19650

Crea dos funciones test, test1 y test2, y los llamas de forma independiente:

// para el txt1
onfocus="Javascript:return test1()

//para el text2
onfocus="Javascript:return test2()

Y la funcion quedría asi:

//funcion para el texto 1
function test()1 {

        document.getElementById('lblapematerno').innerText = '';
        return false;
    }

//funcion para el texto 2
function test()1 {
        document.getElementById('lblnombre').innerText = '';
        return false;
    }

Esta sería una forma sencilla, espero que te sirva

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta