如何在 Web 表单中使用 javascript 隐藏复选框和复选框文本答案

【问题标题】：how to hide checkbox and checkbox text using javascript in web forms如何在 Web 表单中使用 javascript 隐藏复选框和复选框文本
【发布时间】：2021-08-08 09:09:24
【问题描述】：

我正在处理网络表单并编写一段 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 隐藏复选框及其文本。提前致谢。

【问题讨论】：

你能显示你的复选框生成的html吗？文字在哪里？

标签： javascript jquery asp.net webforms

【解决方案1】：

将复选框放在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";

【讨论】：