解决jquery操作checkbox全选全不选无法勾选问题_ching126的博客-程序员秘密

技术标签： Javascript/jQuery/Ajax checkbox .NET Web前端Html(Html5 CSS3) jquery

解决jquery操作checkbox全选全不选无法勾选问题

最近在工作中使用jquery操作checkbox，使用下面方法进行全选、反选:
$("input[name='checkbox']").attr("checked","checked");
调试时，前两次都没有问题，可以正常显示选中和取消，但当再去选中的时候，复选框的属性checkbox值变为"checked"，没问题，但是复选框却不在显示选中状态，明明属性值改了，但是却不显示勾选，太诡异了。代码修改了却得不到正确的显示状态，纠结了很久，找不到原因。

于是乎各种找原因，后来在网上搜到一篇文章提醒了我，原来是jQuery版本问题。
我操作属性用的是
$("XXX").attr("attrName");而jQuery的版本用的是2.1.1，这就是存在一个兼容性和稳定性问题。
jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即
使用代码如下:

$("input[name='checkbox']").prop("checked");
$("input[name='checkbox']").prop("disabled", false);
$("input[name='checkbox']").prop("checked", true);

于是乎将attr改为prop，问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧！

本文链接：https://blog.csdn.net/chenhongwu666/article/details/47296859

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

初探kali linux笔记_weixin_33989780的博客-程序员秘密

1、kali linux 安装vmware tools时报错What is the location of the "gcc" program on your machine?你点击what is the location of "gcc"program on your machine 然后回车，它会问你：Would you like to c...

idea vue高亮（使vue组件代码提示）_idea设置vue高亮_沧鹫小hai的博客-程序员秘密

原理就是用.html的方式打开.vue文件。这个idea的打开方式跟eclipse不同（这点比较恶心）希望对大家有所帮助。cltr+alt+s 设置界面，打开方式修改

java的~取反符号_java中取反符号_牛逼的名字的博客-程序员秘密

很简单的按位取反，不过是按照补码来进行取反的（因为计算机的存储方式为补码）。复习一下基础知识：正数的补码是他本身，负数的补码数取反加1（更常用的做法是从右边数第一个1开始不变，左变的除了符号位通通取反）。比如一个整型-13，原码为：0000000000000000000000001101补码为：11111111111111111111111111110011对比一下粗体部分，就是直接取反的，没加粗的就是不变的。什么原理？具体来说还是那个取反加1，如果一个二进制取反加1，会一直进位到出现一个

http组成部分_博客的组成部分| 第4部分_culin0274的博客-程序员秘密

http组成部分 WordPress的 (WordPress)WordPress is a content management system on the web, written in PHP and MySQL run on, especially for creating blogs. WordPress was created from the already gone b2/Cafe...

haproxy+keepalived来实现mariadb galera cluster的高可用架构_weixin_34321977的博客-程序员秘密

haproxy+keepalived来实现mariadb galera cluster的高可用架构网络拓扑图如下：mariadb galera cluster集群基于wsrep协议可以实现mysql多主复制架构，详细说明如下：galera cluster复制：galera cluster本身是基于wsrep协议工作在底层的文件复制通道...

nachos_想学习的弱鸡小白的博客-程序员秘密

nachos实验记录实验一分析threads文件夹内容threadscheduler初始化函数Initialize()的工作main()函数的工作gdb基本使用实验三分析synch文件实验内容实验一分析threads文件夹内容思路：通过thread类中的方法，来调用schedule类中的调度函数，实现线程的创建，就绪，运行，阻塞和结束五种状态的转换。thread创建线程：fork()。首先为线程分配栈资源（StackAllocate()），然后将线程状态设为就绪态（setStatus()），并放