您的位置:首页 > Web前端 > JavaScript

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

2018-02-05 13:52 411 查看
<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)

{

    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;  

    }  

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  checkbox
相关文章推荐