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

Jquery attr("checked") 返回checked或undefined 获取选中失效_jquery

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

假设我们现在需要这样的场景：页面上有一个checkbox，我们期望通过Jquery来获得它是否选中，或者通过Jquery来让它被选中。
在JQ1.6之前的版本，我们会这样写我们的代码：

Devin
Devin

世界上第一位AI软件工程师，可以独立完成各种开发任务。

Devin 242
查看详情 Devin
复制代码 代码如下:


<script> <BR>//获取是否选中 <BR>var isChecked = $('#cb').attr('checked'); <br><br>//设置选中 <BR>$('#cb').attr('checked',true); <BR></script>

这样写在JQ1.6之前完全没问题，可是当我们升级JQ1.6到更高的版本时，问题就来了，此时我们会发现：
$('#cb').attr('checked'); 返回的是checked或者是undefined，不是原来的true和false了。
并且checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。所以如果checkbox一开始是选中的，那么返回的是checked，如果一开始没被选中，则返回的是undefined。

解决的方法是：
复制代码 代码如下:


<script> <BR>//获取是否选中 <BR>var isChecked = $('#cb').prop('checked'); <BR>//或 <BR>var isChecked = $('#cb').is(":checked"); <BR>//设置选中 <BR>$('#cb').prop('checked',true); <BR></script>

分析了其中的原因，可以这样理解：

它将“属性”与“特性”做了区别，属性指的是“name，id”等等，特性指的是“selectedIndex, tagName, nodeName”等等。
JQ1.6之后，可以通过attr方法去获得属性，通过prop方法去获得特性
复制代码 代码如下:

$("#cb").attr("tagName"); //undefined
$("#cb").prop("tagName"); //INPUT
相关标签：
jquery

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：JAVASCRIPT模式窗口中下载文件无法接收iframe的流_javascript技巧 下一篇：方便实用的jQuery checkbox复选框全选功能简单实例_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
正确地在React中使用useState管理嵌套数组并触发UI更新 在React中，使用useState管理包含嵌套数组的对象状态时，直接修改现有状态对象或数组的引用不会触发组件重新渲染。核心在于必须创建状态的新副本，包括顶层数组及其内部被修改的元素。通过利用JavaScript的展开运算符(...)来生成新的数组和对象实例，可以确保React检测到状态变化并正确更新UI。在React中，使用`useState`管理包含嵌套数组的对象状态时，直接修改现有状态对象或数组的引用不会触发组件重新渲染。核心在于必须创建状态的新副本，包括顶层数组及其内部被修改的元素。通过
2025-11-26 09:37:06
552
JavaScript数组操作_高性能方法对比 遍历数组时for循环性能最优，高阶函数适合可读性；添加元素优先用push()和unshift()注意性能差异；查找推荐includes()或Set优化；合并去重建议扩展运算符与Set结合使用。
2025-11-26 09:18:38
122
JavaScript模块化_从CommonJS到ES6模块 JavaScript模块化从CommonJS到ES6模块演进，提升代码可维护性。CommonJS通过require同步加载，适用于Node.js；ES6模块采用import/export实现静态编译时加载，支持TreeShaking，成为现代前端标准。
2025-11-26 09:10:02
195
JavaScript插件系统_可扩展架构设计 一个可扩展的前端架构可通过插件系统实现，核心原则包括解耦性、可注册性、生命周期控制和上下文共享。示例中通过createPluginSystem函数创建插件管理器，支持use方法注册插件，并借鉴Vue/Express的模式实现简洁API。插件可通过install函数接入系统，结合事件机制（如on/emit）响应beforeInit、afterMount等生命周期钩子，从而参与核心流程。建议在协作项目中为插件设定命名空间、版本范围和元信息以避免冲突。系统初期无需复杂，应优先保证结构清晰、接口明确，后
2025-11-26 08:48:34
922
数据绑定_双向绑定实现原理 双向绑定的核心是数据与视图的自动同步，通过数据劫持或Proxy结合发布-订阅模式实现；Vue2使用Object.defineProperty监听属性变化，getter中收集依赖，setter中通知更新，配合v-model语法糖实现视图到数据的反向更新；Vue3采用Proxy代理整个对象，可监听属性增删等更多操作，结合Reflect和effect机制，提升响应式能力；v-model本质是:value绑定与@input事件监听的语法糖，形成数据变更驱动视图更新、视图交互触发数据修改的闭环。
2025-11-26 08:18:06
459
JavaScript状态持久化_本地存储同步策略 本地存储同步策略的核心是通过合理选用localStorage、sessionStorage、IndexedDB或Cookie，结合storage事件监听实现跨标签页状态同步，应用启动时从存储恢复状态并监听变更持久化，配合异常处理、序列化校验与防抖写入，确保多页面、多设备间状态一致且安全可靠。
2025-11-26 08:15:16
285
移动端适配方案_javascript响应式设计 移动端适配需结合JavaScript与CSS实现响应式设计，首先通过viewport设置控制视口缩放；利用window.innerWidth检测屏幕宽度，配合resize事件动态调整布局；采用动态rem计算实现等比缩放，以设计稿375px为基准，按比例设置根字体大小；通过‘ontouchstart’inwindow判断触屏设备，区分绑定touchstart与click事件，避免点击延迟；使用matchMedia监听CSS断点，切换移动端与桌面端交互逻辑；根据屏幕尺寸动态加载1x/2x/3x图片资
2025-11-26 08:00:07
824
JavaScript排序算法_性能对比与适用场景 内置sort()方法性能优，适合日常开发；2.快速排序高效处理大数据；3.归并排序稳定且可预测；4.插入排序小数据集表现好。多数场景首选内置sort()。
2025-11-26 07:51:28
696
JavaScript多态实现_面向对象设计模式 多态指同一方法在不同对象中表现不同行为，JavaScript通过原型继承与动态类型实现多态。例如Animal为父类定义speak方法，Dog和Cat继承并重写speak，调用时根据实例类型执行对应逻辑。利用构造函数与原型链可建立类型层级，子类覆盖父类方法实现个性化行为；而鸭子类型则不依赖继承，只要对象具有相同方法名即可统一处理，如speaker1与speaker2均实现speak，传入performSpeak函数时各自输出不同内容；结合工厂模式可进一步提升扩展性，createDevice根据类型
2025-11-26 05:55:09
804
JavaScript正则表达式_高级模式匹配技巧 JavaScript正则通过零宽断言、分组进阶、回溯引用和懒惰匹配实现复杂文本处理。1.零宽断言用于位置判断，如(?=pattern)正向先行断言提取邮箱用户名，(?!pattern)负向先行排除px结尾数字，(?
2025-11-26 05:21:27
677
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部