<script type="text/javascript" language="javascript">
function ShowHide(rad) {
if (document.getElementById(rad.id + '_0').checked) {
alert("hi");
document.getElementById('Panel1').style.display = 'block';
document.getElementById('Panel2').style.display = 'none';
document.getElementById('Panel3').style.display = 'none';
}
else if (document.getElementById(rad.id + '_1').checked) {
alert("second");
document.getElementById('Panel2').style.display = 'block';
}
else {
alert("hello")
document.getElementById('Panel3').style.display = 'block';
document.getElementById('Panel2').style.display = 'none';
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" class ="FontBig12"
RepeatDirection="Horizontal"
Height="30px" onclick="ShowHide(this)" RepeatLayout="Flow" >
<asp:ListItem Value="1">Quick Entry</asp:ListItem>
<asp:ListItem Value="2">Manual Entry</asp:ListItem>
<asp:ListItem Value="3">Upload</asp:ListItem>
</asp:RadioButtonList>
<%--<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal" onclick="ShowHide(this)" RepeatLayout="flow">
<asp:ListItem Value="true">Show</asp:ListItem>
<asp:ListItem Value="false">Hide</asp:ListItem>
</asp:RadioButtonList>--%>
<asp:Panel ID="Panel1" runat="server">
<asp:Label ID="Label1" runat="server">Asp panel content</asp:Label>
</asp:Panel>
<asp:panel id="panel2" runat="server">djfjkdjfkljdfjdj</asp:panel>
<asp:Panel ID="panel3" runat="server">this is third panel</asp:Panel></div>
</form>
</body>
</html>
Bhuwan87rawat, if this helps please login to Mark As Answer. | Alert Moderator