`

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

 
阅读更多

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

害得‘跑客教授’到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码

1
2
3
4
$('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’,找到一文章,仔细查看了吓,有一个类似的操作是

1
2
3
4
$('obj').attr('checked',true);
$('obj').prop('checked',true);
$('obj').attr('checked',false);
$('obj').prop('checked',false);
分享到:
评论

相关推荐

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

    本文实例汇总了jquery操作复选框checkbox的方法。分享给大家供大家参考。具体分析如下: jquery判断checked的三种方法: 代码如下:$(“input”).attr(“checked”); //版本1.6+返回:”checked”或”undefined” ,...

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

    1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $("input:[type='checkbox'... if ($(this).attr('checked') ==true) { alert($(this).val()); } }); 3. 设置第一个chec

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

    jquery操作复选框(checkbox)的12个小技巧。 1、获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:...

    基于jQuery实现复选框的全选 全不选 反选功能

    本代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家。 jQuery代码: 代码如下:  $(function(){  $(“#checkedAll”).click(function(){  $(‘[name=items]:checkbox’)...

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

    1、获取单个checkbox选中项(三种写法)$(...2、 获取多个checkbox选中项$(‘input:checkbox’).each(function() { if ($(this).attr(‘checked’) ==true) { alert($(this).val()); }}); 3、设置第一个ch

    jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法

    本文实例讲述了jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下: 先看如下代码: /** * 全选 */ function checkAll() { $(input[name=ids])...

    模拟多级复选框效果的jquery代码

    今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就20+行就over了。 我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要考虑很多,而且代码量直线上升。 主要分享下jquery的这个效果的...

    jQuery 更改checkbox的状态,无效的解决方法

    今天写页面遇到复选框动态全选或全不选问题,正常写法如下: $(#tb).find(input[type='checkbox']).attr(checked,checked); but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测...

    JQUERY复选框CHECKBOX全选,取消全选

    代码如下:[removed] $(function() { $(“#checkall”).click(function() { $(“input[@name=’checkname[]’]”).each(function() { $(this).attr(“checked”, true); }); }); $(“#delcheckall”).click(function...

    解决jquery操作checkbox火狐下第二次无法勾选问题

    最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选: 代码如下: var ischecked=allCheckObj.is(‘:checked’); ischecked?checksObj.attr(‘checked’,true):checksObj.attr(‘checked’,false); ...

    JQuery CheckBox(复选框)操作方法汇总

    1. 获取单个checkbox选中项(三种写法): 代码如下: $(“input:checkbox:checked”).val() 或者 代码如下: $(“input:[type=’checkbox’]:checked”).val();... if ($(this).attr(‘checked’) ==true) {  

    jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

    主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下

    jQuery+SpringMVC中的复选框选择与传值实例

    2、当下面的复选框全部选中时,则将第一个复选框设置为选中,当下面的复选框中有一个没有被选中时,则第一个复选框取消选中; 3、将下面的复选框的id值传递给Controller层,组成id数组,然后调用相应的方法(一般都...

    jquery处理checkbox(复选框)是否被选中实例代码

    jquery处理checkbox(复选框)是否被选中 现在如果一个复选框被选中,是用checked=true,checked=”checked”也行 要用prop代替attr会更好,虽然在jQuery1.6之前版本的attr()方法能正常使用,但是现在必须使用prop()...

    jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

    jQuery判断checkbox(复选框)是否被选中:if($(“#id”).attr(“checked”)==true) jQuery实现checkbox(复选框)选中、全选/反选代码: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional/...

    JQuery判断checkbox是否选中及其它复选框操作方法合集

    一、jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 代码如下: .attr(‘checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked’): //16+:...

    jQuery切换所有复选框选中状态的方法

    本文实例讲述了jQuery切换所有复选框选中状态的方法。分享给大家供大家参考。具体如下: 这段代码非常简单实用,通过链接切换所有checkbox是否选中 var tog = false; // or true if they are checked on load $('a...

    jquery判断checkbox(复选框)是否被选中的代码

    $(“input[name=’soft[]’]:checkbox”).each(function () { if ($(this).attr(“checked”)) { falg += 1; } }) if (falg > 0) return true; else return false; } 这是一个比较不错的方法,收藏了。下面这个函数...

    jquery在项目中做复选框时遇到的一些问题笔记

    关于复选框 昨天在做一个复选框的时候,一开始以为应该挺简单的,想当然了一下,主要的功能就是点击一个按钮,比如是全部选中这个一个功能,然后下面的所有列表全部选中的效果。 后来在实践中还是遇到了很多的问题,...

    jquery无法设置checkbox选中即没有变成选中状态

    代码如下: $(“input”).attr(“checked”,”checked”) 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,而且,值为checked,但是页面显示仍然为未选中状态 代码如下: $...

Global site tag (gtag.js) - Google Analytics