チェックボックス項目がたくさんあります。そのうちの 1 つは 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 チェックボックスをオンにした場合、eProfile ドロップダウンを非表示にして、kProfile ドロップダウンのみを表示します。
ユーザーが nocalls チェックボックスではなく 1 つ以上のチェックボックスをクリックすると、eProfile ドロップダウンが表示されている間、kProfile dropdwn は非表示になります。
これを行うために 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>