删除内容占位符中的单选按钮列表单选按钮

Remove Radio Button List radio button in Content Place Holder

本文关键字：单选按钮 列表 占位符 删除      更新时间：2023-09-26

这在带有正文标签的普通网页上是可行的，但是当我在母版页内容占位符中应用它时，它无法按名称获取元素。谁能帮我。多谢。

<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        hideRadioSymbol();  
    });
    function hideRadioSymbol() {
        var rads = new Array();
        var rads1 = new Array();
        rads = document.getElementsByName('RadioButtonList1'); //Whatever ID u have given to ur radiolist.
        rads1 = document.getElementsByName('RadioButtonList2');
        for (var i = 0; i < rads.length; i++)
            document.getElementById(rads.item(i).id).style.display = 'none'; //hide
        for (var i = 0; i < rads1.length; i++)
            document.getElementById(rads1.item(i).id).style.display = 'none'; //hide
    }
</script>

        <input type="button" data-name="hide" value="Toggle" id="toggle2" class="btnMenu blueMenu"/>
        <div id="sidebar2">
            <asp:RadioButtonList ID="RadioButtonList1" runat="server"  CssClass="ph-buttonMenu ph-btn-greyMenu"  >
                    <asp:listitem>s1</asp:listitem>
                    <asp:listitem>s2</asp:listitem>
                    <asp:listitem>s3</asp:listitem>
                    <asp:listitem>s4</asp:listitem>
            </asp:RadioButtonList>
                   </div>
        <br />
        <input type="button" data-name="hide" value="Toggle" id="toggle3"  class="btnMenu blueMenu"/>
        <div id="sidebar3">
            <asp:RadioButtonList ID="RadioButtonList2" runat="server" CssClass="ph-buttonMenu ph-btn-greyMenu"  >
                    <asp:listitem>s1</asp:listitem>
                    <asp:listitem>s2</asp:listitem>
                    <asp:listitem>s3</asp:listitem>
                    <asp:listitem>s4</asp:listitem>
            </asp:RadioButtonList>
        </div>

</asp:Content>
按

如下方式使用此ClientID并获取控件的ID而不是Name。
rads = document.getElementsById（'<%= RadioButtonList1.ClientID %>'）
rads1 = document.getElementsById（'<%= RadioButtonList2.ClientID %>'）;

您可以隐藏容器而不是单个元素。 好像你必须隐藏RadioButtonList1然后隐藏ID sidebar2 div，如下所示

$("#sidebar2").hide()

当你使用jQuery时。

相关文章：