table表单全选

//全选表单代码不全，仅关键信息

<table cellpadding = "3" class = "data-grid" >

    < thead >

    < tr >

    < th >< input type = "checkbox" id = "checkAll" name = "checkAll" /></ th >

<tbody>

     <% if (listCRExtendMsg != null && listCRExtendMsg.size() > 0) { %>

          <%

             int index = 0;

              for (CRExtendMsg data : listCRExtendMsg) { %>

      < tr >

      < td >< input type = "checkbox" name = "checkItem" value = " <%= data.getId() %> " /></ td >

//js代码

//勾选复选框

$( function (){

           var $thr = $( 'table thead tr' );      //这是获取表头的复选框

          var $tbr = $( 'tbody tr td' );

           var $checkAll = $thr.find( 'input' );

          

          $checkAll.click( function (event){ 

              /*将所有行的选中状态设成全选框的选中状态*/  

              $tbr.find( 'input' ).prop( 'checked' ,$( this ).prop( 'checked' )); 

              /*阻止向上冒泡，以防再次触发点击操作*/  

              event.stopPropagation(); 

          }); 

     

    });

//前台勾选数据后的触发按钮

function batchCloseList() {

           var nodes = $( 'tbody tr td input:checked' ); //获取所有复选框选中的项作为一个对象

          var ids = new Array();  //创建一个接收id的数组

          $.each(nodes, function (i){    //遍历所选的对象

              if ($(nodes[i]).val() != 'on' ) { //'on'是表头数据也就是全选的复选框

                   ids.push($(nodes[i]).val());  //将每一个选中对象的值赋给接收id的数组

              }

          });

           if (ids.length !=0) {

               if (confirm( "是否将  " + ids.length + "  条数据关闭推广？" )){

                var param = {selectedItem : ids};

                  $.post( ' <%= path %> /chatRoom/closeExtend.htm ', param, function(data){

                     if (data.code == 0) {

                             window.location.reload();

                        } else {

                             layer.alert(data.msg);

                   }

                  }, 'json' );

              }

          }

    }

//前台传值为数组，后台转为list接收

@ResponseBody

@RequestMapping (value = " /closeExtend " )

public Map<String, Object> closeExtend( @RequestParam(value = "selectedItem[]", required = false ) List<String> selectedItem, HttpServletRequest request, ModelMap model) {

      Map<String, Object> data = Constants. newReturnMap (0);

      String isOpenExtend = "0" ;

      Boolean success = chatRoomService .closeExtend(selectedItem, isOpenExtend);

       if (!success) {

         data.put( "code" , -1);

         data.put( "msg" , "修改失败！" );

      }

       return data;

}