如何在 Web 表单中使用 javascript 隐藏复选框和复选框文本
Posted
技术标签:
【中文标题】如何在 Web 表单中使用 javascript 隐藏复选框和复选框文本【英文标题】:how to hide checkbox and checkbox text using javascript in web forms 【发布时间】: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吗?文字在哪里? 【参考方案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";
【讨论】:
以上是关于如何在 Web 表单中使用 javascript 隐藏复选框和复选框文本的主要内容,如果未能解决你的问题,请参考以下文章
使用 Javascript 或 Web 表单的 Web 爬网站点