Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta| Pregunta: | 68299 - OCULTAR Y MOSTRAR SEGÚN UN RADIOBUTTONLIST |
| Autor: | Stella |
| Tengo un RadioButtonList con tres opciones y de acuerdo al índice cliqueado me debe mostrar diferentes secciones encerradas entre <div> </div> que están ocultas de entrada. No logro ese objetivo, probé distintas variantes y me pasa que, o no muestra ninguna de las tres, o me muestra las tres siempre, o me muestra la que no corresponde y siempre la misma . Probé con la propiedad Tabindex además de Value, etc. y me parece que no reconoce el índice elegido y no sé porqué. Agradecería mucho que me ayudaran. En el código .aspx tengo: <asp:RadioButtonList ID="rbtl1" onclick="activ_div(this)" runat="server" Font-Bold="True" Font-Names="Arial" Height="1px" RepeatDirection="Horizontal" Width="496px" BorderStyle="Solid" CausesValidation="True"> <asp:ListItem Value="1">Reparación del equipo</asp:ListItem> <asp:ListItem Value="2">Cambio del Equipo</asp:ListItem> <asp:ListItem Value="3">Reposición del equipo</asp:ListItem> </asp:RadioButtonList> <div id="divRepar" style="display: none;" > <h2>Reparación del equipo</h2> ........................ ........................ </div> <div style="display: none;" id="divCambio"> <h2>Cambio del equipo</h2> ........................ ........................ </div> <div style="display: none;" id="divRepos"> <h2>Reposición del equipo</h2> ........................ ........................ </div> En el archivo JSCRIPT.js tengo: function activ_div(rbtl1) { if (rbtl1.value=0) { document.getElementById("divRepar").style.display = "block"; } if (rbtl1.value=1) { document.getElementById("divCambio").style.display = "block"; } if (rbtl1.value=2) { document.getElementById("divRepos").style.display = "block"; } } Me indica que rbtl1.value está indefinido. | |