jQuery全選択イベントバインディングの実現コードを選択しません。

<td width="82%" colspan="3">
<input type="checkbox" id="all">  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" id="reverse">  
</td>
<td width="82%" colspan="3">
<s:checkboxlist name="resUuids" list="resList" listKey="uuid" listValue="name"></s:checkboxlist>
</td>
$(function(){
//  
$("#all").click(function(){
//           
//$("[name=resUuids]")       ，        
//$("[name=resUuids]").attr("checked","checked");
//          
//$(this).attr("checked")
//            
//$("[name=resUuids]").attr("checked",$(this).attr("checked"));
//$(this).attr("checked")         
//alert($(this).attr("checked"));    //undefined
//$("[name=resUuids]").attr("checked","undefined");
//js    ，  false,FALSE,"false","FALSE",0         ，   true
//$("[name=resUuids]").attr("checked",false);
var flag = $(this).attr("checked");
$("[name=resUuids]").attr("checked",flag == "checked");
});
//  
    $("#reverse").click(function(){
      //                   
      //$("[name=resUuids]").attr("checked",!($("[name=resUuids]").attr("checked")=="checked"));
      //             ，                     
      //alert(!($("[name=resUuids]").attr("checked")=="checked"));
      //         ，                    
      $("[name=resUuids]").each(function(){
        //  each            
        var flag = $(this).attr("checked"); 
        $(this).attr("checked", !(flag =="checked"));
      });
      checkSelect();
    });
//    
    $("[name=resUuids]").click(function(){
      //                     
      checkSelect();
    });
    function checkSelect(){
      var allFlag = true;
      $("[name=resUuids]").each(function(){
        var flag = $(this).attr("checked") == "checked";
        //&:       &&:   
        allFlag = allFlag && flag; 
      });
      $("#all").attr("checked",allFlag);
    }
  });