微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

原生js操作checkbox用document.getElementById实现_javascript技巧

php中文网
发布： 2016-05-16 17:20:03
原创
2022人浏览过

jquery与checkbox的checked属性的问题，讲的是控件

1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化

2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系

3、使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至，即与所见即所得

4、使用$("#checkbox_id").attr("checked")获取的值与里的checked情况一至，不是所见即所得

5、使用$("#checkbox:checked")获取的都是被钩上的checkbox

6、document.getElementById("checkbox_id").checked=true，控件里的checked属性没有显示出来，所做即所见

7、$("#checkbox_id").attr("checked"，true)，控件里的checked属性显示出来，所做即所见，同时代码也会变化

js操作checkbox本人建议用document.getElementById("checkbox_id").checked，jquery操作checkbox真不爽

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：js算法中的排序、数组去重详细概述_javascript技巧 下一篇：如何在父窗口中得知window.open()出的子窗口关闭事件_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
Angular 16 路由事件类型变更与 MSAL 集成修复指南 Angular16引入了一项重大变更，Event类型联合不再默认包含RouterEvent，这可能导致在使用MSAL等库订阅路由事件时出现类型兼容性错误。本文将深入解析此问题，并提供通过从@angular/router显式导入Event类型来解决TS2769错误的具体方法，确保Angular16及更高版本中路由事件订阅的正常运行。
2025-11-26 19:22:01
780
如何使用JavaScript实现数组分页及连续索引展示 本教程详细介绍了如何利用JavaScript的Array.prototype.slice()方法实现客户端数据分页。文章将阐述如何根据当前页码和每页记录数精确截取数据子集，并提供计算逻辑，确保在页面切换时，每条记录的显示索引能够保持连续性，避免从1重新开始计数的问题，从而提升用户体验和数据展示的准确性。
2025-11-26 19:21:06
474
Gin路由处理：简化错误处理逻辑的函数适配器模式 本文探讨了在Gin框架中，如何将返回错误的业务逻辑函数直接用作路由处理器，而无需在每个路由定义中重复错误处理逻辑。通过引入一个函数适配器，我们可以将业务逻辑函数转换为符合Gin处理器签名的函数，从而实现代码的简化和错误处理的集中化，提升代码的可读性和维护性。
2025-11-26 19:20:01
424
使用Node.js和Express.js快速搭建本地API服务器教程 本文旨在指导开发者利用Node.js运行时和Express.js框架，配合Yeoman脚手架工具，快速在本地PC上搭建一个能够处理HTTP请求的API服务器。教程将详细介绍如何通过generator-express-no-stress模板初始化项目、启动服务，并探讨实现请求验证、与SQLServer交互等核心API功能。通过本文，您将掌握构建本地后端服务的实用方法，为Flutter等客户端应用提供数据支持。
2025-11-26 19:16:01
884
React中实现点击滚动到指定组件：forwardRef与Ref传递的最佳实践 本文详细介绍了在React应用中，如何通过点击导航链接实现平滑滚动到页面指定组件的功能。针对在复杂组件结构中Ref传递遇到的挑战，文章提出了利用forwardRef在子组件中接收Ref，并通过共同父组件统一管理和传递Ref的解决方案，确保滚动功能的稳定实现。
2025-11-26 19:03:01
699
Ag-Grid 在 Vue 2 和 Nuxt 2 中的集成与常见问题解决 本教程旨在解决Ag-Grid在Vue2和Nuxt2应用中集成时遇到的常见错误，特别是Modulenotfound和TypeError:ClassconstructorBaseComponentWrappercannotbeinvokedwithout‘new’。文章将详细介绍通过配置vue.config.js中的Webpack别名来正确解析Ag-Grid模块路径，确保Ag-Grid组件能够正常渲染和运行。
2025-11-26 19:01:29
587
Three.js 高性能渲染千级以上 2D 文本标签：实例与纹理图集深度教程 本文旨在解决Three.js中渲染大量2D文本标签时遇到的性能瓶颈。通过采用实例几何体（InstancedBufferGeometry）结合纹理图集（TextureAtlas）和自定义着色器（ShaderMaterial）的方法，可以显著提升渲染效率，实现千级甚至更多文本标签的流畅显示，同时保持文本的对齐和可读性。
2025-11-26 18:59:27
873
JavaScript在页面加载前动态移除HTML元素：解决DOM时序问题 本文旨在解决使用JavaScript在页面加载前移除特定HTML元素时遇到的时序问题。即使在DOMContentLoaded事件中，目标元素也可能因加载延迟而无法立即访问。我们将探讨一种健壮的解决方案，通过结合setInterval机制，确保元素在可用时被成功移除，并提供详细的代码示例和最佳实践。
2025-11-26 18:59:00
284
在Vue 3 TypeScript项目中优雅集成无类型声明的第三方库 在Vue3TypeScript项目中引入缺乏类型声明的第三方JavaScript库时，常会遇到编译错误。本文将详细介绍一种简单而有效的解决方案：通过创建或修改.d.ts声明文件，使用declaremodule语法为这些库提供基础的类型支持，从而消除TypeScript的类型检查报错，确保项目顺利编译与运行。
2025-11-26 18:47:10
564
React State管理：安全移除嵌套数组元素与useState Hook 本文深入探讨在React中使用useStateHook管理包含嵌套数组的对象状态时，如何正确移除数组中的元素以确保UI及时更新。核心在于理解React状态更新的不可变性原则，避免直接修改状态引用，而是通过创建新的数组和对象副本来触发组件重新渲染。我们将通过具体代码示例，展示从错误实践到正确、高效解决方案的转变。
2025-11-26 18:42:49
214
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部