`
郑云飞
  • 浏览: 812560 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于jQuery操作复选框checkbox的attr无效的问题的解决方案

 
阅读更多

关于checkbox的attr无效的问题的经济办法

jq用了10版本的,一直发现attr无效,其实解决问题的方法是很简单的,主要的问题是由于 新版本attr换成了prop的问题。

1
$("input[name='delIds']").prop("checked",this.checked);

 

jQuery 更改checkbox的状态,无效

 

$(this).attr("checked", false).checkboxradio("refresh");     //应该这么写吧,少了$这个东东~~~跟js混淆了

 

jQuery 操作复选框(checkbox) attr checked不起作用

 

 

这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?

害得帮客之家小编到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码:

$('input[type=checkbox]').attr('checked','checked');//全选,设置属性
 $('input[type=checkbox]').attr('checked',true);//全选,设置属性,通过true布尔值形式
 $('input[type=checkbox]').attr('checked',false);//不选择,布尔值形式 
$('input[type=checkbox]').removeAttr('checked','checked');//不选选,删除属性

 

 

但是测试结果发现,屡试不爽啊,选择一次全选,再调用一次反选,再去调用全选就没效果了。

难道是 removeAttr 的原因?还是‘帮客之家’使用过新的 jQuery 1.9.1版本。(还是说我要使用原生的javascript代码来完成这项工作呢?)

这些都不是理由,理由应该 是自己没有用好。不可能这么牛比的框架这么简单的功能都不能实现(也不要轻意怀疑浏览器的问题)

最终解决方案

还是到官网,搜索了’checkbox’,找到一文章,仔细查看了吓,有一个类似的操作是

 

$('obj').attr('checked',true);

 $('obj').prop('checked',true); 

$('obj').attr('checked',false);

 $('obj').prop('checked',false);

 

好了,擦亮你的眼睛,没错最后用的是 prop方法操作一切就OK啦。

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery如何判断checkbox(复选框)是否被选中

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`,当它被选中时,其`checked`属性...

    jQuery的复选框操作-实例页面

    在提供的`arrtest.html`文件中,我们可以预期看到一个包含jQuery复选框操作的示例页面。这个页面可能包含一些交互式复选框,演示了上述提到的功能,如事件监听、状态改变和视觉效果。通过查看和分析源代码,我们可以...

    jQuery操作复选框(CheckBox)的取值赋值实现代码

    综上所述,jQuery提供了多种方法来操作复选框,包括获取选中值、设置选中状态、删除复选框、遍历复选框以及批量操作复选框的选中状态。掌握这些方法对提升前端开发效率和用户体验都有很大的帮助。在实际开发过程中,...

    jquery操作复选框checkbox的方法汇总

    1. jQuery中操作复选框(checkbox)的意义与方法:复选框是一种常见的表单控件,用于在网页中允许用户进行多选设置。jQuery作为一款轻量级的JavaScript库,提供了大量便捷的方法来操作复选框,包括但不限于判断复选...

    jquery判断复选框是否被全部选中,达到全选的目的

    在网页交互设计中,用户经常会遇到复选框(Checkbox)的选择情况,比如在表单填写、数据筛选等场景。在这些情况下,一个常见的需求是实现全选和取消全选的功能。标题提到的“jquery判断复选框是否被全部选中,达到...

    JQuery限制复选框checkbox可选中个数的方法

    本文实例讲述了JQuery限制复选框checkbox可选中个数的方法。分享给大家供大家参考。具体分析如下: 由于项目需要限制可批量操作的文件个数 所以写了一段小代码 如果选中个数大于允许的最大个数 其他复选框不能选择 ...

    jquery复选框_全选_反选_取消_选中输出等功能用jquery特效和jquery插件两种表单特效

    ### 使用jQuery实现复选框全选、反选、...<title>jQuery复选框全选反选取消选中输出等功能用jQuery特效和jQuery插件两种特效 <script type="text/javascript" src="http://www.mailuke.com/js/jquery-1.2.6.pack.js"> ...

    jquery 、js实现复选框 (全选、反选)

    上述代码通过jQuery的选择器`$(":checkbox")`选中页面上所有的复选框,并通过`attr("checked", true)`设置它们的`checked`属性为`true`,从而实现了全选的功能。 **1.2 反选功能** 接下来实现反选功能,即当用户...

    jquery对复选框(checkbox)的操作汇总

    本文内容主要涵盖了使用jQuery库进行复选框(checkbox)操作的方法和技巧,适合需要对网页表单元素进行动态交互的开发者参考。以下是对文章中提到的知识点的详细总结: 1. 获取单个复选框选中项的值: - 可以使用...

    jQuery单选框跟复选框美化代码.zip

    "jQuery单选框跟复选框美化代码.zip"这个资源提供了一种方法,使得开发者可以优雅地对网页中的单选框(radio buttons)和复选框(checkboxes)进行样式定制,提升用户体验。 首先,我们要理解单选框和复选框在HTML...

    jquery复选框CHECKBOX全选、反选

    在jQuery中,处理复选框(CHECKBOX)的全选和反选操作是常见的需求,尤其是在数据筛选或批量操作的场景下。这里介绍一个官方提供的函数`CheckboxGroup`,它简化了这一过程。该函数在2018年6月18日的最新版本中发布,...

    jquery操作复选框(checkbox)的12个小技巧总结

    在网页开发中,jQuery 是一款非常流行的JavaScript库,它简化了DOM...这些技巧涵盖了基本的jQuery复选框操作,包括获取、设置、删除和遍历选中状态。熟练掌握这些技巧,将有助于在实际项目中实现更复杂的用户交互功能。

    jquery复选框checkbox实现删除前判断

    在这个特定的场景中,我们需要实现一个功能,即在用户尝试删除数据前,判断他们是否至少选中了一个复选框(checkbox)。这通常发生在有多个记录需要操作时,如批量删除。 首先,我们来看一下提供的 jQuery 代码片段...

    js 实现选一个复选框 可以实现其他很多复选框同时选中

    ### JavaScript与jQuery实现单个复选框控制多个复选框及文本框显示隐藏功能 在本文中,我们将探讨如何利用JavaScript(简称JS)和jQuery框架来实现一个实用的功能:通过选择一个主复选框来控制其他多个复选框的状态...

    29、jQuery单选框跟复选框美化代码

    本教程将围绕“jQuery单选框跟复选框美化代码”这一主题,探讨如何利用jQuery和CSS技术对这些元素进行美化。 首先,我们要理解HTML中的单选框和复选框基本结构。单选框用于提供一组可选的选项,用户只能选择其中一...

    jQuery获取复选框被选中数量及判断选择值的方法详解

    总结以上知识点,我们可以看到jQuery通过其简洁的语法与强大的选择器和方法集合,极大地简化了对复选框等表单元素的操作和交互逻辑的实现。在实际开发中,我们可以通过上述知识点快速实现复选框状态的获取、数量的...

    jQuery对checkbox 复选框的全选全不选反选的操作

    然而,文档提到在新版本的jQuery中,使用`attr`方法控制复选框的选中状态可能存在问题,建议使用`prop`方法或者直接用JavaScript的原生方法: ```javascript this.checked = this.checked; // js方法 ``` #### ...

Global site tag (gtag.js) - Google Analytics