Asp.Net中多个RadioButton互选切换隐藏特定控件

最新推荐文章于 2024-07-27 08:06:41 发布

GLionII

最新推荐文章于 2024-07-27 08:06:41 发布

阅读量542

点赞数

分类专栏： IES 文章标签： radioButton

本文链接：https://blog.csdn.net/weixin_44668267/article/details/88739778

版权

IES 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Asp.Net中多个RadioButton互选切换隐藏特定控件

Body中内容

| <div style="margin:0,auto;text-align:center; margin-top:15px;"><table style="margin:auto;"><tr> <td class="style3"><span class="style2">OPtions :</span></td> <td><asp:RadioButton ID="By_Unit" runat="server" Text="By_unit" GroupName="AA" onclick="show()" /></td> <td><asp:RadioButton ID="File_Upload" runat="server" Text="FileUpload" GroupName="AA" onclick="show()"/></td></tr> <tr><td class="style3"> <asp:Label ID="Label1" runat="server" Text="Unit SN :"></asp:Label> </td> <td><asp:TextBox ID="txt_SN" runat="server" ></asp:TextBox></td><%--autocomplete="off"--%> <td><asp:Button ID="Button1" runat="server" Text="查询" onclick="Button1_Click" /></td> </tr></table></div>| |
|–|--|
| | |
JS部分

<script type="text/javascript">
    function show() {
        var b = document.getElementById("By_Unit");
        if (b.checked) {
            document.getElementById("Label1").style.display = "block";
            document.getElementById("txt_SN").style.display = "block";
            document.getElementById("Button1").style.display = "block";
        }
        else {
//            document.getElementById("File_Upload").style.display = "none";
            document.getElementById("Label1").style.display = "none";
            document.getElementById("txt_SN").style.display = "none";
            document.getElementById("Button1").style.display = "none";
        }
    }
</script>