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;
}



阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页