¿Cómo cambiar el texto de un boton con javascript y cómo hacerlo con asp.net?

By | 2010/07/29

Para enseñarles esto les voy a mostrar un pequeño ejemplo. Digamos que tenemos un boton y queremos que al hacerle clic cambie a un texto y al volver a clikearlo vuelva a su texto anterior. Primero veremos como hacerlo con Javascript: Escribimos la funcion que hara el cambio:

<script type=”text/javascript>

var ctr = 0 //esta es una variable de control.

function cambiar() { If(var = 0){

$get(‘btn’).value = ‘Cerrar’; ctr = 1;

}

else{

$get(‘btn’).value = ‘Abrir’; ctr = 0;

}

</script>

Luego creamos el boton(esto va despues de la etiqueta body):

<input type=”button” id=”btn” value=”Abrir” onclick=”cambiar();” />

Al hacer click en el boton, este debe cambiar su texto de: Abrir a Cerrar y viceversa. Ahora veamos como hacerlo con asp.net y c#.

En el codigo .aspx agregamos un boton y le ponemos un ID (en este caso le pondre btn) :

<asp:Button ID=”btn” runat=”server” Text=”Abrir” OnClick=”btn_Click” />

Y en el codebehind (.cs):

protected void btn_Click(object sender, EventArgs e)
{
int ctr = 0;
If (ctr == 0)
{
btn.Text = “Cerrar”;
ctr = 1;
}

else
{
btn.Text = “Abrir”;
ctr = 0;
}
}

Y de esta forma podemos hacer lo mismo, solo q con eventos de parte del servidor…
Comenten si les sirvio o si tienen alguna duda.

One thought on “¿Cómo cambiar el texto de un boton con javascript y cómo hacerlo con asp.net?

Leave a Reply

Your email address will not be published. Required fields are marked *

This blog is kept spam free by WP-SpamFree.