您的位置：首页 > 其它

RadioButton如何隐藏和替换

2016-01-18 12:28 176 查看
http://q.cnblogs.com/q/60738/



用Jquery写的，可以实现隐藏功能，代码如下：



1<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="JqueryRadioButton.aspx.cs"Inherits="HtmlAgilityPackHtml.JqueryRadioButton"%>
2
3<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5<htmlxmlns="http://www.w3.org/1999/xhtml">
6<headrunat="server">
7<title>点击RadioButton</title>
8<scriptsrc="jquery-1.5.2.min.js"type="text/javascript"></script>
9<styletype="text/css">
10.hideclass
11{
12display:none;
13}
14</style>
15<scripttype="text/javascript"language="javascript">
16$(function(){
17$("#RadioButton1").change(function(){
18$("#tr1").removeClass("hideclass");
19$("#tr2").addClass("hideclass");
20})
21
22$("#RadioButton2").change(function(){
23$("#tr1").addClass("hideclass");
24$("#tr2").removeClass("hideclass");
25})
26
27});
28</script>
29</head>
30<body>
31<formid="form1"runat="server">
32<div>
33<table>
34<tr>
35<td>链接类型：</td>
36<tdcolspan="2">
37<asp:RadioButtonID="RadioButton1"runat="server"Text="图片链接"GroupName="rdo"Checked="true"/> 
38<asp:RadioButtonID="RadioButton2"runat="server"Text="文字链接"GroupName="rdo"/>
39</td>
40</tr>
41<trid="tr1">
42<td><asp:LabelID="Label1"runat="server"Text="链接图片："></asp:Label></td>
43<td>
44<asp:FileUploadID="FileUpload1"runat="server"/>
45<asp:ButtonID="Button1"runat="server"Text="上传"/>
46</td>
47</tr>
48<trid="tr2"class="hideclass">
49<td><asp:LabelID="Label2"runat="server"Text="文字链接："></asp:Label></td>
50<td>
51<asp:TextBoxID="TextBox2"runat="server"></asp:TextBox>
52</td>
53</tr>
54</table>
55</div>
56</form>
57</body>
58</html>





                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航