web前端|js教程
动态添加,全选和删除
web前端-js教程
效果图:
驾校 网站源码,vscode不能用复制粘贴,ubuntu高亮设置,tomcat均衡負載,史前爬虫视频,php简历个人评价,佛山关键词seo推广外包lzw
代码:
免费的下单系统源码,vscode怎么搜索型号,ubuntu 安装sas,tomcat之jvm优化,爬虫 例,php 请求拦截,宁夏seo推广推荐公司,免费视频模板网站下载工具,微信商城html 模板lzw
js动态添加表格数据_2.html
自动化营销系统 源码,ubuntu 路由跟踪指令,哪能搞到爬虫程序,php研发和php开发,seo美式咖啡lzw
var mailArr = [
{ "title": "一个c#问题", "name": "张三", "date": "-03-21" },
{ "title": "一个javascript问题", "name": "李四", "date": "-03-21" },
{ "title": "一个c问题", "name": "五五", "date": "-03-21" },
{ "title": "一个c++问题", "name": "赵六", "date": "-03-21" }
];
var tab = null;
window.onload = function () {
loadTab();
//全选
document.getElementById("selA").onclick = function() {
if (document.getElementById("selA").checked == true) {
seleAll(tab, true);
} else {
seleAll(tab, false);
}
};
//删除所有的选中的
document.getElementById("delSel").onclick = function() {
//遍历所有的input控件即可(除了最后一个全选用的checkbox)
var chks = document.getElementsByTagName(input);
for (var i = chks.length - 2; i >=0; i--) {
var chk = chks[i];
if (chk.checked==true) {
//选中行删除处理
var rowNow = chk.parentNode.parentNode;
rowNow.parentNode.removeChild(rowNow);
} else {
alert("really");
}
}
};
};
function loadTab() {
tab = document.getElementById("tb");
//把mailArr循环遍历方式以tr的方式加入表格中
for (var rowindex = 0; rowindex < mailArr.length; rowindex++) {
//var tr = tab.insertRow(-1);//-1指最后一行
var tr = tab.insertRow(tab.rows.length - 1);//插入到末二行,最后一行要给全选那一行保留着
var td1 = tr.insertCell(-1);
td1.innerHTML = "";
var td2 = tr.insertCell(-1);
td2.innerHTML = mailArr[rowindex].title;
var td3 = tr.insertCell(-1);
td3.innerHTML = mailArr[rowindex].name;
var td4 = tr.insertCell(-1);
td4.innerHTML = mailArr[rowindex].date;
}
}
//要使全选按钮生效,就要遍历所有的表格的行
function seleAll(mailTab, isSel) {
for (var i = 0; i < mailTab.rows.length; i++) {
var tr = mailTab.rows[i];
tr.cells[0].childNodes[0].checked = isSel;
}
}