如何使用javascript中的函数应用复选框?

2023-12-19

如何使用javascript中的函数应用复选框?

未选中复选框时如何隐藏具有特定标签的帖子/对象?

我只需要知道如何设置在打开页面时自动检查复选框的功能以及如何隐藏带有特定标签的帖子/对象的复选框。申请是否正确--

display:none

or--

 .structural {
 position:absolute;
 left:-9999px;
 }

——我在研究过程中发现的?

考虑到我缺乏技能,这是我所能做到的:

<input 
  type="checkbox"
  name="mycheckbox"
  value="yes" 
  onclick="  CheckboxChecked(this.checked,'checkboxdiv')"  
</div>
</div>

<script type="text/javascript">
 CheckboxChecked(document.myform.mycheckbox.checked,'checkboxdiv');
</script>

如果我正确理解您的问题,那么您正在尝试在选中/取消选中复选框时隐藏/显示一组元素。这应该足以让你继续:

http://jsfiddle.net/HsCVq/ http://jsfiddle.net/HsCVq/

HTML:

<div class="hideWhenChecked">hide text</div>
<div>dont hide text</div>
<div class="hideWhenChecked">hide text</div>
<div>dont hide text</div>
<br />
<input type="checkbox" id="myCheckBox" />

JavaScript:​

document.getElementById('myCheckBox').addEventListener('click', function () {
    var checked = this.checked;
    var elementsToHide = document.getElementsByClassName('hideWhenChecked');

    if (checked) {
        // hide each element
    } else {
        // show each element
    }
});​

我建议研究 jQuery 等 javascript 框架,以使此代码更加简单。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用javascript中的函数应用复选框? 的相关文章

  • onClick 处理程序在每个渲染周期触发

    我有这样的默认状态 this state selectedTab tab1 then 我的渲染方法是这样的 render const selectedTab this state return li tab1 li li tab2 li d
  • Firefox 忽略 CSS 中的最小高度

    由于某些原因 最小高度在 Firefox 上不起作用 我尝试在 body 上设置 min height 但 Firefox 完全忽略了它 由于我的页面是动态的 我不能只将高度设置为 100 我应该怎么办 body border 1px so
  • EmberJS:对象作为查询参数来刷新模型

    我遵循了查询参数指南 http guides emberjs com v1 11 0 routing query params http guides emberjs com v1 11 0 routing query params 而且效
  • 检查用户设备的 GPS 是否开启

    我正在使用 jQuery Mobile 和 PHP 开发一个应用程序 我没有使用 Phonegap 或其他框架 我需要找到用户的geolocation 如果用户设备的 GPS 关闭 那么我无法获取位置 现在我需要查找用户设备的 GPS 是否
  • Twitter Typeahead 上使用 Bootstrap 3 的 CSS 问题

    随着 Bootstrap 3 的发布 Typeahead 已被删除 取而代之的是 https github com twitter typeahead js https github com twitter typeahead js 我已经
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • 从复选框列表中选择循环生成的复选框中的一个复选框

    抱歉我的英语不好 在我的 ASP NET 网站上 我从 SQL 表导入软件列表 看起来像这样 但实际上要长得多 Microsoft Application Error Reporting br br Microsoft Applicatio
  • `list()` 被认为是一个函数吗?

    list显然是内置类型 https docs python org 3 library stdtypes html list在Python中 我看到底下有一条评论this https stackoverflow com a 53645813
  • 可以禁用幻灯片的触摸模拟但不能禁用滚动条(危险的滑动器)吗?

    我的页面上有一个危险的滑动器 它成功地模拟了幻灯片和随附滚动条上的触摸事件 允许单击鼠标并移动以向左或向右滑动幻灯片 这很好 但我现在在滑动器内的幻灯片上调用了可拖动 这意味着我需要停止此触摸模拟 拖动幻灯片并同时移动它们会引起混乱 但仅限
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何知道 .keyup() 是否是字符键(jQuery)

    如何知道 keyup 是否是字符键 jQuery input keyup function if key is a character such as a b A b c 5 3 2 etc not enter key or shift o
  • 从链接打开本地文件夹

    如何通过单击任何链接打开本地文件夹视图 我尝试了很多选择 例如 a href Open folder a or a Open folder a or a Open folder a 解决方案 启动可下载链接 以下内容适用于所有浏览器 但一如
  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这
  • 在反应中访问回调内的 event.target

    我有以下课程片段 constructor props super props this timeout null search e gt clearTimeout this timeout this timeout setTimeout f
  • 轮播滑动(未滑动)事件上的火灾事件,Bootstrap 3

    Bootstrap 2 似乎可以很好地处理幻灯片事件 请参阅这个问题 https stackoverflow com questions 9651466 how to attach slide slid events to the boot
  • 了解 Document.createElement()

    我在用着GWT及其底层DOM能力 我基本上想要实现的是 Have a div包含一些文本的元素 其中一些文本将被包围span元素 span 元素可相互拖动并提供上下文菜单 New span元素可以由最终用户动态创建 它可能是这样的 在应用程
  • WordPress 子主题包括包含文件

    我在一家WordPress使用 AMPPS 作为本地主机在我的本地计算机上进行设置 使用 Delta 主题 我创建了一个子主题 delta2 child 初始设置效果很好 但是 我需要更改包含文件夹中名为 home slider php 的
  • 如何在 React Native 中使用相同的 Firebase 数据库在两个应用程序之间进行通信?

    我有两个不同的应用程序使用相同的实时数据库 在第一个应用程序中 我发送的订单包含一些要保存在数据库中的数据字段 在另一个应用程序中 我只添加一个侦听器 firebase database ref userOrder currentUser
  • 为什么这些内联块元素会产生额外的宽度?

    这是这个问题的后续内容 仅使用 css 自动调整图像下的文本 https stackoverflow com questions 34185547 autofit text under image with only css 为什么这段代码
  • JavaScript 阶乘防止无穷大

    我一直在 JavaScript 中使用这个函数来计算阶乘数 var f function factorial n if n 0 n 1 return 1 if f n gt 0 return f n return f n factorial

随机推荐

  • 响应式六边形网格

    我从互联网上加载了我的网站上的多个图像 是否有可能给所有这些图像一个六边形在响应式网格中 div img src link class Image div div img src link class Image div 我找到了多种方法来
  • 如何从 adb shell 检查 SharedPreferences?

    现在我们可以从远程 Shell 检查 sqlite3 数据库 http developer android com guide developing tools adb html sqlite 是否可以从 adb shell 检查 Shar
  • 通过ObjectID获取MongoDB集合

    MongoDB ID 对于单个数据库集群是唯一的 是否可以获取使用特定 ObjectID 的集合 我有一个 ObjectID 的十六进制表示形式 并且需要知道具有此 ID 的文档所在的集合 可能吗 它不是本机功能 但可以通过迭代所有集合来实
  • “返回等待承诺”和“返回承诺”之间的区别

    鉴于下面的代码示例 行为是否有任何差异 如果有 这些差异是什么 return await promise async function delay1Second return await delay 1000 return promise
  • 正则表达式正在捕获整个字符串

    我正在使用以下正则表达式 public private function a zA Z 0 9a zA Z 0 9a zA Z 匹配以下字符串 public function messenger text sendMsg text priv
  • 在python中查找二维数组中数字对的频率

    我想找到二维数组中成对的频率 输入示例如下 list of items 12 14 18 12 19 54 89 105 14 19 54 88 105 178 预期输出如下 12 14 1 12 18 1 12 19 1 12 54 1
  • 对话插件与 ActionFlow

    谁能详细说明 Struts2 Conversation 插件和 ActionFlow 插件之间的区别以及我何时应该选择其中之一 Regards 它们是用于不同目的的完全不同的插件 Conversation插件添加conversation范围
  • 扩展 Outlook 2010 附件上下文菜单

    我正在以 xml 形式扩展 Outlook 2010 中附件显示的上下文菜单 到目前为止 我已经有了一个按钮和一个 onAction 事件的处理程序 有人可以帮助我如何从这里获取当前选择的附件吗 好的 我知道了 http msdn micr
  • Asp.net 多语言 Web 应用程序 - 本地化

    您对构建 asp net 多语言本地化 Web 应用程序 仅字符串资源的 UI 本地化 的最佳方法有何看法 尤其是这两件事 如何存储资源 Xml 文件 resx 文件还是其他文件 如何处理 URL 我不想一直将语言参数保留在查询字符串中 所
  • 我需要构建什么才能在内核级别直接访问以太网帧位?

    我想检索线路上所有以太网帧的以太网帧位 无论它们是否发往我的机器 MAC 级别 其逻辑必须位于内核级别 所以为了实现这一目标 我需要构建一个独立的内核模块 or 以太网驱动程序 or 以太网网络接口 注意 我刚刚开始为我的项目学习 Linu
  • 具有白色工具栏和深色文本的应用程序

    我一直在尝试在一个项目中实现这一目标最小SDK 16 操作栏和状态栏为白色 带有深色文本和图标 像这样 多年来我一直在试图解决这个问题 谷歌搜索得到了很多没有任何意义和 或不支持旧 API 的答案 colorControlNormal ti
  • 按照 razor 语法显示文字句点

    如何转义剃刀引擎以在属性值后打印文字句点 编译器将句点解释为后跟方法或属性 因此它会抛出 PDF 不是有效属性或方法的错误 col Custom a href http someurl item INSTRUMENT NUM pdf ite
  • 如何在 React Native 中禁用键盘外观动画

    当用户开始聚焦文本输入时 键盘将从底部移入 开始对焦时如何避免出现此动画 我刚刚阅读了 TextInput Keyboard 的文档 但文档中没有提到相关参数 https facebook github io react native do
  • 完全停止android webview

    我有一个android webview 并允许用户在window onload回调中使用自己的javascript 它完全隔离 我个人没有看到安全风险 如果输入类似以下内容 就会出现问题 while true 在 java 方面 我启动一个
  • Google Places 自动完成、地理编码和地址验证

    我的代码遇到了挑战 我有一个 JS 和 HTML 代码 允许用户输入他们的地点地址并将其提交到我的 Firebase 数据库 无论用户在地址输入中输入什么 代码都应首先检查它是否是有效输入 而不是像 thsd 这样的随机单词 从技术上讲 t
  • Laravel 5.1 - 路线不起作用

    我的路线有问题 我有我的路线 Route get dashboard password UserController password Route post dashboard updatepassword UserController u
  • 如何在Nuxt3配置中配置vite HMR端口?

    我在 Docker compose 设置中使用 Nuxt3 其中端口 8001 是通过 nginx 反向代理通道运行 Nuxt3 的节点容器的可访问端口 我的 nuxt config ts 看起来像这样 import defineNuxtC
  • ActivityUnitTestCase 和 ActivityInstrumentationTestCase2 之间的区别

    我是 Android Instrumentation 案例的新手 我一直在查看 API 示例 发现有时我们使用 ActivityUnitTestCase 和 ActivityInstrumentationTestCase2 两者有什么区别
  • 不同类型的数据库索引?

    我正在尝试编译非系统特定数据库索引的列表 我研究过 Oracle DB2 MySQL Postgres 和 Sybase 几乎每个资源都有不同的列表 到目前为止我已经看到 clustered multi dimensional cluste
  • 如何使用javascript中的函数应用复选框?

    如何使用javascript中的函数应用复选框 未选中复选框时如何隐藏具有特定标签的帖子 对象 我只需要知道如何设置在打开页面时自动检查复选框的功能以及如何隐藏带有特定标签的帖子 对象的复选框 申请是否正确 display none or