jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 全选复选框只能工作两次大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我从stackoverflow获得了这个代码,它看起来像一个非常好的“全选”复选框解决方案,任何想法为什么它在第二次点击后失败?

http://jsfiddle.net/R9zjk/2/

<table>
    <tr>
        <td>
            <input type='checkBox' value='0' class=''>
        </td>
        <td>
            <input type='checkBox' value='0' class=''>
        </td>
        <td>
            <input type='checkBox' value='0' class=''>
        </td>
        <td width="100" align="right">
            SELEct all <input type='checkBox' value='0' class='SELEctall2'>
        </td>
    </tr>
</table>

$(document).ready(function () {


    $(document).on("click",".SELEctall2",function () {


        $(this).closest('tr').find('input[type=checkBox]').attr('checked',this.checked);


    });



});

解决方法

在jQuery 1.6上使用.prop()而不是.attr()

如果使用jQuery 1.6,则代码if($(elem).attr(“checked”))将检索实际内容属性,该属性在选中和取消选中复选框时不会更改.它仅用于存储checked属性认值或初始值.为了保持向后兼容性,jQuery 1.6.1中的.attr()方法将为您检索和更新属性,因此不需要将布尔属性代码更改为.prop().然而,检索已检查值的首选方法是使用上面列出的选项之一.要在最新的jQuery中查看其工作原理,请选中/取消选中下面示例中的复选框.

.prop()

演示 – http://jsfiddle.net/f9QYx/

大佬总结

以上是大佬教程为你收集整理的jquery – 全选复选框只能工作两次全部内容,希望文章能够帮你解决jquery – 全选复选框只能工作两次所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。