2011-02-28 38 views
24

Tengo dos botones de opción para mediciones métricas y de EE. UU. Cargué la página para que se haga clic en el botón de radio métrico. ¿Cómo configuro los dos botones para que cuando se haga clic en US metric desactive y viceversa?Dos botones de radio ASP.NET C#

+3

uso RadioButtonList http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.radiobuttonlist.aspx –

+3

RadioButtonList no permite ninguna otra HTML dentro de él sin embargo, que no sea el ListItem para cada botón de opción. –

Respuesta

2

Establezca la propiedad GroupName de los dos botones de opción con el mismo valor. También puede intentar usar un RadioButtonGroup, que hace esto automáticamente.

14

Asegúrese de que sus GroupName propiedades se establecen en el mismo nombre:

<asp:RadioButton GroupName="MeasurementSystem" runat="server" Text="US" /> 
<asp:RadioButton GroupName="MeasurementSystem" runat="server" Text="Metric" /> 
3
 <asp:RadioButtonList id="RadioButtonList1" runat="server"> 
     <asp:ListItem Selected="True">Metric</asp:ListItem> 
     <asp:ListItem>US</asp:ListItem> 
    </asp:RadioButtonList> 
46

Con el fin de hacer que funcione, usted tiene que fijar NombreGrupo propiedad de los dos botones de selección para el mismo valor:

<asp:RadioButton id="rbMetric" runat="server" GroupName="measurementSystem"></asp:RadioButton> 
<asp:RadioButton id="rbUS" runat="server" GroupName="measurementSystem"></asp:RadioButton> 

Personalmente, yo prefiero usar un RadioButtonList:

<asp:RadioButtonList ID="rblMeasurementSystem" runat="server"> 
    <asp:ListItem Text="Metric" Value="metric" /> 
    <asp:ListItem Text="US" Value="us" /> 
</asp:RadioButtonList> 
6

Veo que es una vieja pregunta, si quiere poner otro HTML en su interior, podría usar el botón de radio con nombre de grupo igual en todos los botones de radio y en la propiedad de texto establecer algo así como una imagen o el html que necesita.

<asp:RadioButton GroupName="group1" runat="server" ID="paypalrb" Text="<img src='https://www.paypalobjects.com/webstatic/mktg/logo/bdg_secured_by_pp_2line.png' border='0' alt='Secured by PayPal' style='width: 103px; height: 61px; padding:10px;'>" /> 
Cuestiones relacionadas