删除被选中的checkbox对应的行
程序员文章站
2022-07-09 09:28:06
...
<SCRIPT LANGUAGE="JavaScript">
<!--
function deleteRows(){
var rows = document.detailForm.detail;
var detailTable = document.getElementById("detailTable");
for(var i=0; i<rows.length; i++){
if(rows[i].checked){
detailTable.deleteRow(rows[i].parentNode.parentNode.rowIndex);
i--;
}
}
}
//-->
</SCRIPT>
<BODY>
<FORM METHOD=POST ACTION="" name="detailForm">
<TABLE id="detailTable">
<TR>
<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
</TR>
</TABLE>
<INPUT TYPE="button" VALUE="delete" ONCLICK="deleteRows()">
</FORM>
刚刚看到逆水行舟中做这样的处理。感觉又学到了些。不过当checkbox只有一个得时候getElementById得到的不是数组。mark下。
推荐阅读
-
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
-
layui之table checkbox初始化时选中对应选项的方法
-
删除被选中的checkbox对应的行
-
Excel 隐藏行和列使内容更加简洁的同时防止特定数据被更改或删除
-
删除被选中的checkbox对应的行
-
Greendao的根据某个字段（非主键）插入去重以及根据某个字段删除对应的行条目
-
js获取表格中的数据 以及 表格中checkbox选中一行数据
-
做编辑，jquery和PHP，从后台根据ID读取的值，编辑前面的checkbox和select,怎么根据从后台取出的值，让对应的checkbox和option为选中状态、
-
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
-
Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能的代码案例