需要做个一个全选的checkbox功能，遇到checkbox的attr("checked")一直为undefined，下面与大家分享下最终的解决方案
 

最近本屌丝应项目开发需求，需要做个一个全选的checkbox功能。

哎呀吗~~这不是很简单的事情么，一个总的checkbox，N多个子checkbox，总的checkbox一旦选中，子checkbox全部选中，总的一旦不选中，子的也都不选中。

拿到这个小需求，本屌丝一阵窃喜，多么简单的功能啊，OK，两分钟完事~~~

时间一分一秒的过去，本屌丝内心奔腾的草原的马儿，从一直逐渐增加到了千万只~~~

这尼玛怎么回事？
alert($("#checkbox_all").attr("checked"));
一直为undefined？

纳尼？？？

为啥会这样？？浏览器你傻了吗？然后果断换浏览器测试，从chrome到IE，从IE到火狐。结果都是这样 -_-||

难道是jquery又做改进了？？？？

经过本屌丝用哈勃望远镜和高清镭射电子显微镜的查看，终于找到了端倪。。。。

原来，在jquery1.6版本便对此做出了修改：

【checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。

也就是说如果checkbox在页面加载完毕是选中的，那么返回的永远都是checked（我的一开始就是没选中）

如果一开始没被选中，则返回的永远是undefined ！】

既然jquery对此做出了修改，那肯定也就是有相应的更好的解决方法：

.prop()便是解决这个问题的利器！

具体用法如下：

alert($("#checkbox_all").prop("checked"));
此时就会变成true或者false啦~~

解决checkbox的attr(checked)一直为undefined问题的更多相关文章

  1. checkbox的attr("checked")一直以来，undefined问题解决

    最近,屌丝要项目开发的需要,需要一个完整的选checkbox特征. 该死的~~这不是很easy什么东西,共checkbox,N多个子的checkbox,总checkbox一旦选定,儿checkbox所 ...

  2. jQuery通过判断 checkbox 元素的 checked 属性，判断 checkbox是否被选中

    jQuery设置复选框的属性<input type="checkbox"/> $("input").attr("checked" ...

  3. $('#checkbox').attr('checked'); 返回的是checked或者是undefined解决办法

    $('#checkbox').attr('checked'); 返回的是checked或者是undefined解决办法 <input type='checkbox' id='cb'/>  ...

  4. $(&#39;#checkbox&#39;).attr(&#39;checked&#39;); 回报checked或undefined该解决方案

    $('#checkbox').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了,有关此问题的解决方法例如以下 在JQ1.6之前的版本号 ...

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

    $('#cb').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了,有关此问题的解决方法如下: <input type='che ...

  6. jquery-1.10.2 获取checkbox的checked属性总是undefined

    项目中用的jquery-1.10.2 需要检测一个checkbox的选中状态,想当然的用 .attr("checked") ,结果发现,无论是否选中,这个值都是 undefined ...

  7. 点击checkbox后，$(this).attr('checked')得到的值不会发生改变

    这两天遇到一个问题,就是在点击checkbox后,$(this).attr('checked')得到的值要么是undefined,要么是checked,同一个表单一直点击却一点都不会发生改变,调试了一 ...

  8. jquery 获取checkbox的checked属性总是undefined

    项目中用的jquery1.9 今天需要检测一个checkbox的选中状态,想当然的用 .attr("checked") ,结果发现,无论是否选中,这个值都是 undefined 未 ...

  9. Jquery attr("checked") 返回checked或undefined 获取选中失效解决方案

    jq1.6之前版本获取方式<input type='checkbox' id='cb'/> <script> //获取是否选中 var isChecked = $('#cb') ...

随机推荐

  1. Only Link: Inheritance — private and protected inheritance in c++

    reading note link: https://isocpp.org/wiki/faq/private-inheritance

  2. DEV 等待窗口

    DevExpress.Utils.WaitDialogForm dlg = , )); System.Threading.Thread.Sleep(); dlg.Close();

  3. 基于Jquery的页面过渡效果(原创)

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&qu ...

  4. ES6（二）解构赋值详解

    详解一下之前的解构赋值 ①解构赋值中的"..." let [a,...b]= [1]; b // [] ...代表变量b去匹配剩余的所有元素返回一个数组 ,匹配不到时返回[] // ...

  5. 浅谈iOS触摸事件理解

    iOS的触摸事件个人总结,分为两步: 第一步:是找到哪个视图上触摸 第二步:分析由谁去响应(响应者连) 1.寻找被触摸的视图原理如下图 hitText:withEvent:的方法处理流程: 首先会在当 ...

  6. python单元测试unittest

    单元测试作为任何语言的开发者都应该是必要的,因为时隔数月后再回来调试自己的复杂程序时,其实也是很崩溃的事情.虽然会很快熟悉内容,但是修改和 调试将是一件痛苦的事情,如果你在修改了代码后出现问题的话,而 ...

  7. KnockoutJS:

    一.ko对象 js对象的改变都会导致viewmodel的变化,但view不一定变化 往ko对象里面push,viewmodel的变化,引起view的变化. 往js对象里面push,model的变化引起 ...

  8. 在网页中让Backspace按键不可作为退回使用

    这也是转载的,让BackSpace按键不可作为退回使用,在textbox中设置readonly时,将退回禁用. <script type="text/javascript"& ...

  9. DS实验题 融合软泥怪-2 Heap实现

    题目和STL实现:DS实验题 融合软泥怪-1 用堆实现优先队列 引言和堆的介绍摘自:Priority Queue(Heaps)--优先队列(堆) 引言: 优先队列是一个至少能够提供插入(Insert) ...

  10. 总结-javascript

    是否可见 $('.btn-accomplish').is(':visible') 通过ajax提交时, {a: vA | ''}; vA没有时,服务器得到的a为"0".如果是两丨, ...