js加载数据列表,以及checkbox复选框全选

<th name="id"><input type="checkbox" name="checkItemsAll" class="checkItemsAll" onclick="swapCheck()"/></th>

表头添加的checkbox复选框,增加点击事件swapCheck()

<tbody id="store_tbody"></tbody>

//加载数据列表
function loadStoreList(schemeId)

{
$.ajax({
        url: "<%=path%>/ui/psmSaleOrder/listStoreByScheme?schemeId="+schemeId,
        type: 'GET',
        async:true,
        contentType : 'application/json',

}).done(function (result)

{
    if(result!=null)

 {

  $("#store_tbody").empty();  //表格头清空

      for(i=0;i<result.length; i++)
  {
        var _trs="<tr><input type=\"hidden\" name=\"item_hid\" value='"+result[i].id+"'/>";
      _trs+= '<td><input type=\"checkbox\" name=\"checkItem\" class=\"checkItem\"> <input type=\"hidden\"      name=\"item_hid\" value="'+result[i].id+'"/></td>'
   _trs+='<td title="'+result[i].enterpriseName+'">'+nulltoBlankAndSubstr(result[i].enterpriseName)+'</td>';
  _trs+= '<td>'+nulltoBlank(result[i].city)+'</td>';
  _trs+= '<td>'+nulltoBlank(result[i].name)+'</td>';
  _trs+= '<td>'+nulltoBlank(result[i].storeAddr)+'</td>';
  _trs+= '<td>'+nulltoBlank(result[i].shopHours)+'</td>';
  _trs+= '<td>'+nulltoBlank(result[i].orderTelephone)+'</td>';
  _trs+= '<td>'+nulltoBlank(result[i].busLine)+'</td>';
  _trs+="</tr>"; 
  $("#store_tbody").append(_trs)
    }
    }

}).fail(function (data)

扫描二维码关注公众号,回复: 288300 查看本文章

{
    layer.alert('加载失败');
});


//checkbox 全选/取消全选  
var isCheckAll = false;  
function swapCheck()
{  
    if(isCheckAll) 
    {
        $("#store_tbody input[type='checkbox']").each(function() 
        {  
            this.checked = false;  
        });  
            isCheckAll = false;  
    } 
    else 
    {  
        $("#store_tbody input[type='checkbox']").each(function() 
        {  
            this.checked = true;  
        });  
        isCheckAll = true;  
    }  
}


猜你喜欢

转载自blog.csdn.net/weixin_40157571/article/details/79259287