Radcombobox隐藏和显示使用javascript

Radcombobox hide and display using javascript

本文关键字：javascript 显示 隐藏 Radcombobox      更新时间：2023-09-26

我有一个div2，我将只显示当RadioButtonList1值是"Yes"在div1通过javascript函数getvalue().Initially我不显示div2使用c#代码。

<fieldset id="disc" class="nt_generic">
    <div runat="server" id="div1">
        <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal"
            OnClick="getvalue()">
            <asp:ListItem Value="Yes" Text="Yes" />
            <asp:ListItem Value="No" Text="No" Selected="True" />
        </asp:RadioButtonList> 
    </div>
    <div id="div2" runat="server">
        <radC:RadComboBox ID="rcb1" EnableLoadOnDemand="true" runat="server" Skin="WebBlue">
        <Items>
            <radC:RadComboBoxItem ID="CondoComboBoxItem" runat="server" Text="A Ground" Value="B" Selected="true" />
            <radC:RadComboBoxItem ID="HomeComboBoxItem" runat="server" Text="B Ground" Value="A" />                            
        </Items>
        </radC:RadComboBox> 
    </div>
</fieldset>
function getvalue()
{
    var value = $('#<%=RadioButtonList1.ClientID %> input[type=radio]:checked').val(); 
    if(value == "Yes")
    {
        if (document.getElementById("<% = div2.ClientID %>") != null)
            document.getElementById("<%= div2.ClientID %>").style.display = "inline-block";
    }
    else
        if (document.getElementById("<% = div2.ClientID %>") != null)
           document.getElementById("<%= div2.ClientID %>").style.display = "none";
}

当我使用上面的代码解释div2是首先显示和隐藏后记，我不希望这样。

如果我像下面那样将visible=false添加到div2 

<div id="divTankLocated" runat="server" visible="false">

没有隐藏和显示div2，但javascript函数getvalue()不工作，不能显示div2在改变RadioButtonList1值

有没有人能帮助我理解以上两点?

你的问题至少部分是由于javascript的自动分号插入。

交货:

if(value == "Yes")
{
}

变成:

交货:

if(value == "Yes");
{
}

意味着每次都执行if语句的then部分。为了防止它，有将您的打开{ 's放在前一行。这样做并将{ }对添加到所有其他if语句中，将javascript变成这样:

function getvalue() {
    var value = $('#<%=RadioButtonList1.ClientID %> input[type=radio]:checked').val(); 
    if(value == "Yes") {
        if (document.getElementById("<% = div2.ClientID %>") != null) {
            document.getElementById("<%= div2.ClientID %>").style.display = "inline-block";
        }
    } else if (document.getElementById("<% = div2.ClientID %>") != null) {
           document.getElementById("<%= div2.ClientID %>").style.display = "none";
    }
}
相关文章：