
RadioButtonList
Publicado por Stella (2 intervenciones) el 20/09/2013 15:13:46

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:
1
2
3
4
5
6
7
8
9
10
11
12
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";
}
}
Valora esta pregunta


0