如何在网络表单中使用 javascript 隐藏复选框和复选框文本

问题描述

我正在处理网络表单并编写了一段 javascript 来隐藏复选框及其文本，但只有复选框被隐藏了文本仍然显示它之前显示的方式。

这是我的视图代码

<table style="width: 60%">
     <tr>
        <td class="td_150px">
            <asp:CheckBox ID="chkEnddate" runat="server" CssClass="label" Text="End On"
                              onclick="EndSchedule();" TextAlign="Left"/>
         </td>

    </tr>
</table>

这是我的 javascript 代码 单击单选按钮时，我使用下面的代码隐藏复选框和文本，但仅隐藏复选框而不是文本。

 var chkEnddate= document.getElementById("ctl00_ContentPlaceHolder1_chkEnddate");
    chkEnddate.style.display = "none";

谁能帮我同时使用javascript隐藏复选框和文本。提前致谢。

解决方法

将复选框放在 div 元素中并尝试隐藏该 div 元素

<td class="td_150px">
 <div id="chkEnddateBox">
   <asp:CheckBox ID="chkEnddate" runat="server" CssClass="label" Text="End On"
   onclick="EndSchedule();" TextAlign="Left" />
 </div>
</td>

在 javascript 中

var chkEnddate= document.getElementById("chkEnddateBox");
chkEnddate.style.display = "none";