jueves, 27 de junio de 2013

JQuery con RadioButtonList

Lo primero es crear una pagina en ASPX, agregaremos un RadioButtonList y un boton que capturara el val con un pequeño JavaScript del lado del cliente. En codigo de diseño de la pagina aspx añadiremos el siguiente codigo

<asp:RadioButtonList ID="RadioButtonList1runat="serverRepeatDirection="Horizontal">
            <asp:ListItem Value="1">UNO</asp:ListItem>
            <asp:ListItem Value="2">DOS</asp:ListItem>
</asp:RadioButtonList>
<input id="Button2type="buttonvalue="buttononclick='Valor()' />

Luego con el siguiente script obtendremos el value del RadioButtonList seleccionado. No olvides de agregar la libreria Jquery.

<script>
             function Valor()
            {
                alert('a');
                alert(String($('#<%=RadioButtonList1.ClientID %> input:checked').val()));
                alert($('#<%= RadioButtonList1.ClientID %>').find('input:checked').val());
                alert($('#<%=RadioButtonList1.ClientID %> input[type=radio]:checked').val());
                alert($('#<%=RadioButtonList1.ClientID %> input[type=radio]:checked').val());
                var ad=$('input[name=RadioButtonList1]:checked').val();
                alert(ad);
            }  
</script>


No hay comentarios:

Publicar un comentario