Question

我有隐藏或显示div的功能，具体取决于单选按钮列表值。我的问题是，如果没有在浏览器中启用javascript，它将无法运行。我怎么能让它在服务器端工作，因为在这种情况下SelectedIndexChanged无法获得回发。我试图在按钮上添加一些点击事件，也尝试了预渲染单选按钮列表，但没有运气。

HTML：

<script> 

function HideOrDisplayDisvsWithRadioButton(radioButtonList) {

            var rblValue = $('#RblParticipantsType input:checked').val();
            var divInsertPerson = $('div#DivInsertPerson');
            var divInsertCompany = $('div#DivInsertCompany');

            if (rblValue === '1') {
                divInsertPerson.css('display', 'inherit');
                divInsertCompany.css('display', 'none');
            }

            if (rblValue === '2') {
                divInsertPerson.css('display', 'none');
                divInsertCompany.css('display', 'inherit');
            }
            return false;
        }
<script>
    <asp:RadioButtonList ID="RadioButtonList"                                                            OnSelectedIndexChanged="RadioButtonList_SelectedIndexChanged"
                    onchange="javscript: HideOrDisplayDisvsWithRadioButton(this)" 
                    AutoPostBack="true"
                    ClientIDMode="Static"
                    RepeatColumns="2"
                    runat="server"
                    <asp:ListItem Value="1" Selected="True">Eraisik</asp:ListItem>
                    <asp:ListItem Value="2">Ettevõte</asp:ListItem>

                </asp:RadioButtonList>

代码背后：

protected void RadioButtonList_SelectedIndexChanged(object sender, EventArgs e)
        {
            if (RadioButtonList.SelectedValue == "1")
            {
                DivInsertPerson.Visible = true;
                DivInsertCompany.Visible = false;
            }

            if (RadioButtonList.SelectedValue == "2")
            {
                DivInsertCompany.Visible = true;
                DivInsertPerson.Visible = false;
            }
        }

Answer 1

我使用CSS工作，我不知道它是错还是正确，但它有效。我做了类似的事情。 link。这些隐藏的按钮帮助了我。 CSS，HTML和C＃的一些配置。

使用浏览器中的js制作单选按钮列表，使用asp webforms

1 个答案: