正文 

当前位置： 首页 > 知识 >

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

     2023-05-08     23

关键词：

【中文标题】如何在 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 表单中进行 Html.Encode

...在其中输入搜索词，用于查询数据库。我知道我需要防止JavaScript注入攻击。我该怎么做？在MVC中，我会使用Html.Encode。它似乎无法在Web表单中被识别。谢谢！【问题讨论】：【 查看详情

如何在 PHP Scriptable Web Browser 中调用 javascript 函数

】如何在PHPScriptableWebBrowser中调用javascript函数【英文标题】：HowtocalljavascriptfunctioninPHPScriptableWebBrowser【发布时间】：2013-10-2410:07:15【问题描述】：我正在使用PHPScriptableWebBrowser从一个网站下载一些数据。我们必须在表单中为字段... 查看详情

如何使用javascript在表单中调整多个图像大小、预览和上传

】如何使用javascript在表单中调整多个图像大小、预览和上传【英文标题】：Howtodomultipleimageresize,previewanduploadinaformusingjavascript【发布时间】：2018-01-1818:03:23【问题描述】：我需要的是在表单中上传图片：<inputtype="file"id="files"nam... 查看详情

如何在 javascript 中使用表单数据上传大型 JSON 对象？

】如何在javascript中使用表单数据上传大型JSON对象？【英文标题】：HowuploadlargeJSONobjectinjavascriptwithformdata?【发布时间】：2016-03-0205:23:40【问题描述】：我正在尝试上传一个非常大的对象，其中包含多个数组，其中包含更多数组。... 查看详情

如何在 Wix 中使用 JavaScript 代码构建动态搜索表单？

】如何在Wix中使用JavaScript代码构建动态搜索表单？【英文标题】：HowtobuildadynamicsearchformusingJavaScriptcodeinWix?【发布时间】：2019-05-1416:24:06【问题描述】：目前，我们正在我们的网站www.dptwiskunde.nl上构建一个新部分，该部分是使用... 查看详情

如何在 javascript 中收听表单提交事件？

】如何在javascript中收听表单提交事件？【英文标题】：HowcanIlistentotheformsubmiteventinjavascript?【发布时间】：2011-11-1615:02:09【问题描述】：我想编写自己的表单验证javascript库，我一直在google上寻找如何检测是否点击了提交按钮，但... 查看详情

如何使用 JavaScript 将焦点设置在 HTML 表单中的元素上？

】如何使用JavaScript将焦点设置在HTML表单中的元素上？【英文标题】：HowcanIsetfocusonanelementinanHTMLformusingJavaScript?【发布时间】：2013-07-0406:06:38【问题描述】：我有一个带有文本框的网络表单。默认情况下如何将焦点设置到文本框... 查看详情

如何使用 JavaScript 在 Web 浏览器中查找尺寸 [重复]

】如何使用JavaScript在Web浏览器中查找尺寸[重复]【英文标题】：HowtofindthedimensionsinsideofawebbrowserusingJavaScript[duplicate]【发布时间】：2015-06-2609:01:27【问题描述】：您如何使用JavaScript在网络浏览器（而不是计算机的窗口）内找到尺... 查看详情

如何使用 stomp.js 在 javascript 中使用 Web 套接字消息？

】如何使用stomp.js在javascript中使用Web套接字消息？【英文标题】：Howtoconsumewebsocketmessagesinjavascriptusingstomp.js?【发布时间】：2016-06-3013:12:04【问题描述】：我需要使用stomp.js库在Javascript中使用Web套接字消息。我有这个代码结构........ 查看详情

ios - 如何在 Web 视图中使用 javascript 打开 swift 视图？

】ios-如何在Web视图中使用javascript打开swift视图？【英文标题】：ios-howtoopenaswiftviewusingjavascriptinawebview?【发布时间】：2017-03-1818:46:44【问题描述】：在我的应用程序中，我有一个webview，我想要一个按钮，可以在Swift中打开另一个... 查看详情

如何创建仅使用客户端javascript的sharepoint数据表单web部件

WithjQueryandSPServices,wehaveverypowerfultoolsforaccessingandmanipulatingSharepointdataandprecisielycontollingthepresentation,entirelyfromtheclientside.Butsuchsolutionsgenerallyneedtobeeitherhard-cod 查看详情

如何在 Web UI 中使用 Javascript 键盘事件

】如何在WebUI中使用Javascript键盘事件【英文标题】：HowtouseJavascriptkeyboardeventsforwebUI【发布时间】：2011-05-0801:16:37【问题描述】：我对使用JS事件感兴趣，例如右/左箭头、空格键等。想知道什么是正确的方法。我想在此类用户交... 查看详情

如何在 JavaScript 中使用 innerhtml？

】如何在JavaScript中使用innerhtml？【英文标题】：HowcanIuseinnerhtmlinJavaScript?【发布时间】：2012-09-2102:56:37【问题描述】：我的问题是我不知道如何显示我的表单的innerhtml。表单就像一个调查表，一旦你点击提交按钮，我回答的所有... 查看详情

在 C# Web 表单中，如何使用泛型类型从数据集中加载列表？

】在C#Web表单中，如何使用泛型类型从数据集中加载列表？【英文标题】：InC#webforms,howcanIloadaListfromadatasetusinggenerictypes?【发布时间】：2016-09-3000:35:32【问题描述】：我正在尝试将数据集中的内容映射到列表中，但我希望能够将... 查看详情

如何使用 javascript/jquery 禁用表单中的所有内容？

】如何使用javascript/jquery禁用表单中的所有内容？【英文标题】：howcanIdisableeverythinginsideaformusingjavascript/jquery?【发布时间】：2011-03-2403:37:53【问题描述】：我有一个在层内弹出的表单，我需要将该表单内的所有内容设置为只读，... 查看详情

使用 Javascript 或 Web 表单的 Web 爬网站点

】使用Javascript或Web表单的Web爬网站点【英文标题】：WebCrawlingSiteswithJavascriptsorwebforms【发布时间】：2011-02-0210:12:21【问题描述】：我有一个网络爬虫应用程序。它成功爬取了最常见和最简单的网站。现在我遇到了一些类型的网站... 查看详情

javascript表单编程

这几天，我们主要学习的是javascript表单编程。表单是web上与用户进行交互的主要界面，如何访问用户输入的表单数据，效验用户输入的正确性是web编程中必须掌握的一项技能。获取表单的引用:使用DOM树立定位一个元素的方法，... 查看详情

如何在web浏览器中启用java

...;url";其中url指向JSP或Servlet第三种方法：使用第三方的javascript包，dwr是一个不错的选择：1、需要准备dwr的jar包，并将之放到lib目录下；2、修改web.xml文件，添加DWRServlet的映射；3、配置dwr，即在WEB-INF目录下，添加dwr.xml文件，... 查看详情