首页

源码搜藏网

首页 > 网页特效 > 其他代码 >

js表格列表全选反选删除

创建时间:2014-06-09 18:25  

js表格列表全选反选删除
js表格列表全选反选删除
效果预览 立即下载
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>
上一篇:HTML5 SVG实现过山车动画
下一篇:HTML5 SVG圆盘时钟动画

相关内容

热门推荐