js 如何获得被选中checkbox这行tr

有n行带checkbox的tr，如何判断你选中的正行tr是哪行，并且删除ps:除第一行tr其他都是选择添加项添加出来的tr，所以每行trclass,name这些应该都是一... 有n行带checkbox的tr，如何判断你选中的正行tr是哪行，并且删除
ps:除第一行tr其他都是选择添加项添加出来的tr，所以每行tr class,name这些应该都是一样的展开

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

雨月蓝
推荐于2016-08-17 · TA获得超过765个赞

知道小有建树答主

回答量：194

采纳率：100%

帮助的人：252万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<title>复选框删除表格行</title>
<script type="text/javascript">
function del() {
var tb = document.getElementById("tb");
if (tb.rows.length < 2) {
return;
}
var row;
var cell;
var chk;
//倒着迭代可以少做一些处理
for (var i = tb.rows.length - 1; i > 0; i--) {//如果要迭代第一行(i > -1)即可
row = tb.rows[i];//迭代当前行
cell = row.cells[0];//复选框所在的单元格
chk = cell.getElementsByTagName("input")[0];//为单元格中第几个INPUT元素
if (chk.checked) {//如果选中
tb.deleteRow(i);//删除改行
}
}
}
var html;
function reTB() {
document.getElementById("contentDiv").innerHTML = html;
}
window.onload = function () {
html = document.getElementById("contentDiv").innerHTML;
}
</script>
</head>
<body>
<input type="button" value="删除选中行" onclick="del()"/>
<input type="button" value="刷新" onclick="reTB()"/>
<div id="contentDiv">
<table id="tb" width="250px" border="1px" >
<tr><td style="width:20%"><input type="checkbox" /></td><td style="width:40%">姓名</td><td>分数</td></tr>
<tr><td><input type="checkbox" /></td><td>aa</td><td>60</td></tr>
<tr><td><input type="checkbox" /></td><td>bb</td><td>67</td></tr>
<tr><td><input type="checkbox" /></td><td>cc</td><td>59</td></tr>
<tr><td><input type="checkbox" /></td><td>dd</td><td>70</td></tr>
<tr><td><input type="checkbox" /></td><td>ee</td><td>80</td></tr>
<tr><td><input type="checkbox" /></td><td>ff</td><td>90</td></tr>
<tr><td><input type="checkbox" /></td><td>gg</td><td>hh</td></tr>
<tr><td><input type="checkbox" /></td><td>ii</td><td>98</td></tr>
<tr><td><input type="checkbox" /></td><td>jj</td><td>99</td></tr>
<tr><td><input type="checkbox" /></td><td>kk</td><td>100</td></tr>
</table>
</div>
</body>
</html>

更多追问追答
追问

能不能不按从下到上的顺序删除呢，能不能就是选中哪个checkbox就删哪行呢
追答

你要的是什么效果？
1.单击checkbox，马上删除当前行
2.删除最后一次点击选中的行
3.给这个表格添加选中行的效果（被选中的当前行背景颜色特殊），点击删除，删掉该行
？或者是其他的效果
追问

有一个跟随鼠标点击出现在鼠标旁边的层，里面有个删除选中项。
我需要的是选中checkbox然后点击删除选中项，你选中的那行不管位置是在中间，最前还是最后都会被删除,这个删除有可能也有需要同时删除几个被选中的行
追答

“鼠标点击出现在鼠标旁边的层”这个效果是由什么标签，什么事件弹出来的
如果是TD、TR单击事件产生的就比较好做
TABLE麻烦一点
其他那就要看，你是怎么引发的

另外一点，我能不能假设你弹出的层上面有两个按钮
一个“删除当前行”，一个“删除所有选中行”
追问

是的，是一个“删除当前行”和一个“删除选中行”，鼠标点击旁边出现的在鼠标旁边的这个层是一个隐藏层，根据鼠标点击的位置而改变css显示出来，这个层是通过双击一个TD里的input出现的
现在我就是想要实现这两个删除的功能
追答


    function del() {
        var tb = document.getElementById("tb");
        if (tb.rows.length  0; i--) {//如果要迭代第一行(i > -1)即可
            row = tb.rows[i];//迭代当前行
            cell = row.cells[0];//复选框所在的单元格
            chk = cell.getElementsByTagName("input")[0];//为单元格中第几个INPUT元素
            if (chk.checked) {//如果选中
                tb.deleteRow(i);//删除改行
            }
        }
    }
    var html;
    function init() {
        html = '姓名分数';
        var n = 1;
        for (var x = 0; x ' + (n++) + '' + x + '';
        }
        html += '';
    }
    function reTB() {
        document.getElementById("contentDiv").innerHTML = html;
    }
    // 新加 ↓
    var rowIndex;
    function inputDbClick(obj) {
        rowIndex = obj.parentNode.parentNode.rowIndex;//当前行
        document.getElementById("index").innerHTML = rowIndex;
    }
    function delIndex() {
        var tb = document.getElementById("tb");
        tb.deleteRow(rowIndex);
    }
    // 新加 ↑
    window.onload = function () {
        init();
        reTB();
    }

字数限制，麻烦
追问

能加下Q吗~~~可以的话远程帮一下~~~352091195

本回答被提问者采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js 如何获得被选中checkbox这行tr

其他类似问题

为你推荐：