码迷,mamicode.com
首页 > Web开发 > 详细

js删除选中的复选框中的父辈。

时间:2016-01-18 19:07:55      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

function scsx(){
    var cb=document.getElementsByName(‘checkbox‘)
    
    if(confirm(‘删除?‘)){
        for (var i=0;i<cb.length;i++) {
            if(cb[i].checked){
                var td1=cb[i].parentElement.parentElement
                td1.parentNode.removeChild(td1)
            }
        }
        for (var j=0;j<cb.length;j++) {
            if(cb[j].checked){
                var td2=cb[j].parentElement.parentElement
                td2.parentNode.removeChild(td2)
            }
        }
    
    }
    
}

为啥循环两次呢?因为删除一个后i的值就变化了一次,跳出最后一次循环时最后一个没有删除。所以再循环一下删除。

当然上面的方法是一个“笨”方法

看下面这个的方法就很好

function scsx(){
    var cb=document.getElementsByName(‘checkbox‘)
    
    if(confirm(‘删除?‘)){
        for (var i=cb.length-1;i>=0;i--) {
            if(cb[i].checked){
                var td1=cb[i].parentElement.parentElement
                td1.parentNode.removeChild(td1)
            }
        }

    
    }
    
}

这样倒着循环就可以都删除了。

js删除选中的复选框中的父辈。

标签:

原文地址:http://www.cnblogs.com/yunyi1895/p/5139915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!