Jquery点击行(tr)选中checkbox,实现全选反选删除

点击行时效果代码:

$("tr").live("click", function () {

     if ($(this).hasClass("bgRed")) {

         $(this).removeClass("bgRed").find(":checkbox").attr("checked", false);

     } else {

                $(this).addClass("bgRed").find(":checkbox").attr("checked", true);

            }

 });

反选按钮时的效果代码:

$("#btnReverse").click(function () {

                //遍历.column 下的 checkbox;

                $(".column :checkbox").each(function () {

                    //给当前勾选的checkbox取反;  其中!$(this).attr("checked")是先获取他的属性,再取反,充当第二个参数;

                    //attr方法只有一个参数时是取值,两个参数时是设值;

                    $(this).attr("checked", !$(this).attr("checked"));

                    $.GetCheck($(this));  //调用自定义的函数.

                });

            });

自定义的函数代码:

//注意,它的位置是和$(function(){ })平级的.

 jQuery.extend({

            GetCheck: function (status) {

                $(status).attr("checked") ? $(status).parent().parent().addClass("bgRed") :       $(status).parent().parent().removeClass("bgRed");

            }

        });

如果 $(status).attr("checked") =true; 就给行添加样式 addClass("bgRed"); 如果$(status).attr("checked")=false;就把样式移除;

相关推荐