Download as doc, pdf, or txt
Download as doc, pdf, or txt
You are on page 1of 1

<script type="text/javascript" src="js/jquery-1.7.1.

js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#<%=div1.ClientID %>').hide();
$('#<%=div2.ClientID %>').hide();
$('#<%=div3.ClientID %>').hide();
$("#<%=rbldiv.ClientID %>").change(function (event) {
if ($("#<%=rbldiv.ClientID%> input:checked").val() == "Div1") {
$('#<%=div1.ClientID %>').show();
$('#<%=div2.ClientID %>').hide();
$('#<%=div3.ClientID %>').hide();
}
else if ($("#<%=rbldiv.ClientID%> input:checked").val() == "Div2") {
$('#<%=div1.ClientID %>').hide();
$('#<%=div2.ClientID %>').show();
$('#<%=div3.ClientID %>').hide();
}
else if ($("#<%=rbldiv.ClientID%> input:checked").val() == "Div3") {
$('#<%=div1.ClientID %>').hide();
$('#<%=div2.ClientID %>').hide();
$('#<%=div3.ClientID %>').show();
}
});
});
</script>

<asp:RadioButtonList ID="rbldiv" runat="server" RepeatDirection="Horizontal" >


<asp:ListItem Text="Div1" Value="Div1" Selected="True"></asp:ListItem>
<asp:ListItem Text="Div2" Value="Div2"></asp:ListItem>
<asp:ListItem Text="Div3" Value="Div3"> </asp:ListItem>
</asp:RadioButtonList>
<br />
<div id="div1" runat="server">
Div 1
</div>
<div id="div2" runat="server">
Div 2
</div>
<div id="div3" runat="server">
Div 3
</div>

You might also like