当前位置:首页 > 技术 > 正文内容

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

醉清风2019-05-06技术5707

201905068206_5137.png

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

于是乎各种找原因,后来在网上搜到一篇文章提醒了我,原来是jQuery版本问题。
我操作属性用的是
$("XXX").attr("attrName");而jQuery的版本用的是2.1.4,这就是存在一个兼容性和稳定性问题。
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://www.notenet.cn/post/38.html

标签: jQuery

相关文章

linux配置java环境变量

linux配置java环境变量

java开发,配置jdk环境变量是入坑的第一步,下面来看下。1、卸载系统自带java版本java -version查看Linux是否自带装了openjdkyum -y remove java*来卸载自...

Linux下apache日志分析与状态查看方法

Linux下apache日志分析与状态查看方法

使用apache服务器,有时候需要查看apache的日志与状态,那么就需要下面的命令了,特分享下方便需要的朋友假设apache日志格式为:118.78.199.98 – – [09/Jan/2018:...

PHP-FPM的配置与优化

PHP-FPM的配置与优化

php-fpm 介绍PHP-FPM(FastCGI Process Manager:FastCGI进程管理器)是一个PHPFastCGI管理器,用于管理 PHP 进程池、接收和处理 Web 服务器的请...

Nginx单个以及多域名负载均衡配置

Nginx单个以及多域名负载均衡配置

Nginx负载均衡设置环境:负载均衡:192.168.188.128:80Web1:192.168.188.129:80Web2:192.168.188.130:80正式环境中,需要解析域名www.n...

不小心执行 rm -f,该如何恢复?

不小心执行 rm -f,该如何恢复?

前言每当我们在生产环境服务器上执行rm命令时,总是提心吊胆的,因为一不小心执行了误删,然后就要准备跑路了,毕竟人不是机器,更何况机器也有bug,呵呵。那么如果真的删除了不该删除的文件,比如数据库、日志...