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复选框,增加点击事件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;
}
}
相关文章推荐
- js与jQuery实现checkbox复选框全选/全不选的方法
- js移动端滑动一个屏幕再加载新的数据以及ajax同步请求
- js_前台页面如何设置radio、checkbox、select三者的值以及绑定事件,方便后台接收数据
- 复选框(checkbox)全选--js代码
- Jquery 实现动态加入table tr 和删除tr 以及checkbox的全选 和 获取加入TR删除TR后的数据
- JS全选,复选框是.net服务器控件checkBox 在GridView中的模板列
- JS复选框checkbox:父复选框全选全取消子选框和子选框选则而父选框自动选中的代码
- 使用html+css+js技术编写一个完整的表格列表内容中 复选框的全选 反选效果
- JS实现CheckBox复选框全选、不选或全不选功能
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- jQuery全选/全消CheckBox以及JS回调一例
- Android开发——listview中嵌套checkBox复选框实现单选、全选删除列表内容
- 发现一个自己容易忽视的错误。空格+checkBOX 使用JS加载下来列表
- js案例-3 复选框checkbox的全选返回控制
- ASP.NET数据列表“全选”,批量处理的JS实现
- 关于css中树形的开闭以及复选框checkbox如何全选取消的实现
- js与jQuery实现checkbox复选框全选/全不选的方法
- JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用
- 关于单选框、下拉框、复选框的数据回显问题以及全选和全不选
- JS 控制复选框 checkbox 的全选、全不选与反选