jquery控制checkbox，前两次可以使用，后边无效的解决方法

本文主要是介绍jquery控制checkbox，前两次可以使用，后边无效的解决方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

转载自http://www.loveyu.org/2952.html

偶然间需要用到checkbox的一些功能，但是却又遇到了一些小问题，起初的代码是这样的，看着确实OK，毫无压力,只是做简单的全选与全不选的操作，当然，没有反选。问题就在这里，第一次，第二次都能用，到底三次就实在是不行了。

$ ( "input[name='check_all']" ). click ( function ( ) {
if ( this. checked ) {
$ ( "input[name='gallery_id_checked[]']" ). attr ( "checked" , "true" ) ;
} else {
$ ( "input[name='gallery_id_checked[]']" ). removeAttr ( "checked" ) ;
}
} ) ;

　　遇到这样的问题第一时间使用F12各种断点调试，没有问题，然后查看Elements树，神奇的是checked=“checked”确实已经生成了，但是网页中就是没有内容。接下来开始查看jQuery的版本，没问题，接着看手册。顺便网上一搜问题来了。

查到这样一个方法。
prop(name|properties|key,value|fn);
解释是这样的：获取在匹配的元素集中的第一个元素的属性值。随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误

所以将上面的代码改成这样就行了。

$ ( "input[name='check_all']" ). click ( function ( ) {
if ( this. checked ) {
$ ( "input[name='gallery_id_checked[]']" ). attr ( "checked" , "true" ) ;
$ ( "input[name='gallery_id_checked[]']" ). prop ( "checked" , true ) ;
} else {
$ ( "input[name='gallery_id_checked[]']" ). removeAttr ( "checked" ) ;
$ ( "input[name='gallery_id_checked[]']" ). prop ( "checked" , false ) ;
}
} ) ;

这篇关于jquery控制checkbox，前两次可以使用，后边无效的解决方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！