全选实现问题

一个checkbox实现 其父亲下的input[name=‘xuan']选中和不选

自己先写了一个

 //全选 全不选
        function Selectcheckbox(my, t) {
            if (my.attr("checked") != "checked") {
                my.attr("checked", true);
                $("input[title=" + t + "]").attr("checked", true);
            }
            else {
                my.attr("checked", false);
                $("input[title=" + t + "]").attr("checked", false);
               // $(this).parent().parent().find("input[name='checkOpera']").attr('checked', false);
            }
        }

虽然能实现，但是只触发一次效果额。

解决办法：

 //全选 全不选
        function Selectcheckbox(my, t) {
            if (my.attr("checked") != "checked") {
                my.attr("checked", true);
                $("input[title=" + t + "]").prop("checked", true);
            }
            else {
                my.attr("checked", false);
                $("input[title=" + t + "]").prop("checked", false);
               // $(this).parent().parent().find("input[name='checkOpera']").attr('checked', false);
            }
        }

将attr更改为prop即可，让我来看看原因哈

 截图来源于：http://www.365mini.com/page/jquery-attr-vs-prop.htm

建议看看，你会有惊喜的！！