0

我有一堆复选框项目，其中一个称为 nocalls 和几个下拉列表框。

以下是下拉框：

<tr>
                                        <td align="right"><FONT class="Arial10"><B>Profile<font color="#ff0000">*</font></B></FONT></td>
                                        <td>
                                        <asp:dropdownlist id="eProfile" runat="server" Width="144px">
                                                <asp:listitem Value="" Selected="True">--Select A Profile--</asp:listitem>
                                                <asp:listitem Value="Add Profile">Add Profile</asp:listitem>
                                                <asp:listitem Value="Delete Profile">Delete Profile</asp:listitem>
                                                <asp:listitem Value="Update Profile">Update Profile</asp:listitem>
                                                <asp:listitem Value="Transfer">Transfer</asp:listitem>
                                                <asp:listitem Value="See Notes">See Notes</asp:listitem>
                                            </asp:dropdownlist>
                                      </td>
                                    </tr>
                                    <TR>
                                        <td align="right"><FONT class="Arial10"><B>Profile<font color="#ff0000">*</font></B></FONT></td>
                                        <td>
                                        <asp:dropdownlist id="kProfile" runat="server" Width="144px">
                                                <asp:listitem Value="" Selected="True">--Select A Profile--</asp:listitem>
                                                <asp:listitem Value="Add Manager Profile">Add Manager Profile</asp:listitem>
                                                <asp:listitem Value="Add User Profile">Add User Profile</asp:listitem>
                                                                    </asp:dropdownlist>
                                      </td>
                                    </TR>

下面是复选框列表

                                            <input id="CheckBox9" runat="server" type="checkbox" value="Notary" />Notary
                                                <input id="CheckBox10" runat="server" type="checkbox" value="VPN"  />VPN
                                                <input id="CheckBox11" runat="server" type="checkbox" value="VPSPagecenter"  />VPS-Pagecenter
                                                <input id="CheckBox12" runat="server" type="checkbox" value="PCDOC"  />PC DOC
                                            <input id="CheckBox13" runat="server" type="checkbox" value="nocalls" />nocalls

如果用户选中 nocalls 复选框，我们希望只显示 kProfile 下拉列表，同时隐藏 eProfile 下拉列表。

如果用户点击了一个或多个复选框，但没有点击 nocalls 复选框，则 kProfile 下拉菜单会隐藏，而 eProfile 下拉菜单会显示。

我尝试使用 Javascript 来执行此操作，但我一直看到 2 个下拉菜单。

我知道我在做一些非常愚蠢的事情。

if (theForm.service.value.indexOf("nocalls") >= 0) {

    var kprofobj = document.getElementById("kProfile");
    var eprofobj = document.getElementById("eProfile");

        kprofobj.style.visiblilty = "visible";
        eprofobj.style.visiblilty = "hidden";
        kprofobj.style.display = "block";

}



<script type="text/javascript"> 
   $(document).ready(function () {
    if ($('#nocalls').attr('checked')) { 
        $('#eProfile').hide(); 
        $('#kProfile').show() 
    }; 
    });
</script>
4

1 回答 1

0

对于复选框，不要寻找值，而是寻找 CHECKED 属性。

if (theForm.service.checked)

不是：

if (theForm.service.value.indexOf("nocalls") >= 0)

基于 PS 表格的布局和内联样式是邪恶的。

PPS .NET 带有 jQ​​uery，允许您执行$('#kProfile').hide()/$('#kProfile').show()无需所有其他 JS 代码。

于 2012-06-08T19:23:24.967 回答