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

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)
            }
        }

    }

}

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

时间: 2024-08-02 15:10:45

js删除选中的复选框中的父辈。的相关文章

JS获取选中的复选框的值

得到选中name为checkboxName的复选框的元素 $('input:checkbox[name=checkboxName]:checked').each(function () { var idAndStatus = $(this).val(); ; });

angularJs获取复选框中id 进行批量删除

主要思路:我们需要定义一个用于存储选中 ID 的数组,当我们点击复选框后判断是选择还是取消选择,如果是选择就加到数组中,如果是取消选择就从数组中移除.在点击删除按钮时需要用到这个存储了 ID 的数组.这里我们补充一下 JS 的关于数组操作的知识(1)数组的 push 方法:向数组中添加元素(2) 数组的 splice 方法:从数组的指定位置移除指定个数的元素 ,参数 1 为位置 ,参数2 位移除的个数(3)复选框的 checked 属性:用于判断是否被选中 具体代码: $scope.select

判断复选框中是否有被选中的代码实例

判断复选框中是否有被选中的代码实例:复选框中一般多项,有时候我们需要判断这些付选中是否有被选中的项,下面就通过一个实例简单介绍一下如何实现此效果.代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.softwhy.com/" /> <t

js 设置多个复选框选中和取消选中

// 设置选中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert('警告', "请选择要设置选中的项!",'warning'); } // alert(obj.value); var authorityId = obj.value; $.ajax({ type: 'post', url: 'getAuthorityByAuthorityId.action', data: {"authorit

将DataGridView每一行的复选框选中,将DataGridView选中的复选框删除

1,将DataGridView每一行的复选框选中 //DataGridView的行大于0行 if (dgv_MessageList.Rows.Count > 0)            {                for (int i = 0; i < dgv_MessageList.Rows.Count; i++) //循环DataGridView每一行                {                    if (checkBox1.Checked)  //如果选中

输出选中的复选框的个数(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>输出选中的复选框的个数</title> <script src="jquery-1.7.1.min.js" typ

使用jquery获取被选中checkbox复选框的值

使用jquery获取被选中checkbox复选框的值:checkbox是重要的表单元素,在很多多项选择中使用,下面就通过代码实例介绍一下如何获取复选框中所有被选中项的值,希望能够给需要的朋友带来一定的帮助.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.

jQuery分别获取选中的复选框值

function jqchk(){  //jquery获取复选框值   var s='';   $('input[name="aihao"]:checked').each(function(){     s+=$(this).val()+',';   }); 点击“提交”后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素. if (s.len

将选中的复选框的信息返回给用户的方法

/// <summary> /// 自定义方法,获得复选框中选中的值,用指定的分隔符隔开 /// </summary> /// <param name="split">分隔符</param> /// <param name="chk">复选框名称</param> /// <returns>返回复选框中选中的值</returns> string GetCheckBoxIte