js表格列表全选反选删除js表格列表全选反选删除是一款原生js table表格列表全选反选和表格列表删除代码。js全选反选表格列表删除
<script type="text/javascript" language="javascript">
function gehang(){
//获取tr节点
var tr=document.getElementsByTagName("tr");
//为第一行添加背景颜色
tr[0].style.background="#00FF66";
//为最后一行添加背景颜色
tr[tr.length-1].style.background="#00FF66";
}
//创建全选反选函数
function xuan(type){
//获取name值
var qcheck=document.getElementsByName("check[]");
//获取选的按钮
if(type=="qx"){
for(var i=0;i<=qcheck.length;i++){
qcheck[i].checked=true;
}
}
if(type=="fx"){
for(var i=0;i<=qcheck.length;i++){
qcheck[i].checked=false;
}
}
if(type=="qxx"){
for(var i=0;i<=qcheck.length;i++){
if(qcheck[i].checked){
qcheck[i].checked=false;
}
else{
qcheck[i].checked=true;
}
}
}
}
function del(){
var input=document.getElementsByName("check[]");
for(var i=input.length-1; i>=0;i--){
if(input[i].checked==true){
//获取td节点
var td=input[i].parentNode;
//获取tr节点
var tr=td.parentNode;
//获取table
var table=tr.parentNode;
//移除子节点
table.removeChild(tr);
}
}
}
</script>
js表格列表全选反选删除由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/qitadaima/8644.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
上一篇：HTML5 SVG实现过山车动画
下一篇：HTML5 SVG圆盘时钟动画