Javascript 无法从表中删除选定的输入行
我在一个“checkbox”类型的表中有多个输入标记。我需要删除选中复选框的完整行。 我正在使用以下函数删除所选行:Javascript 无法从表中删除选定的输入行,javascript,html,Javascript,Html,我在一个“checkbox”类型的表中有多个输入标记。我需要删除选中复选框的完整行。 我正在使用以下函数删除所选行: function removeSelected( tblname ) { var tbl = document.getElementById(tblname); var rowcount = tbl.rows.length; if (tbl.rows.length > 1) { for ( var i = 0 ; i <
function removeSelected( tblname )
{
var tbl = document.getElementById(tblname);
var rowcount = tbl.rows.length;
if (tbl.rows.length > 1)
{
for ( var i = 0 ; i < tbl.rows.length ; i++)
{
var row = tbl.rows[i];
var chkselect = row.cells[0].getElementByTagName("input").item(0);
var attr = trimString(row.cells[0].getElementByTagName("input").item(1).value);
var attr1 = trimString(row.cells[0].getElementByTagName("input").item(2).value);
if (chkselect.checked)
{
tbl.deleteRow(i);
i = 0;
}
}
}
}
函数删除选择(tblname)
{
var tbl=document.getElementById(tblname);
var rowcount=tbl.rows.length;
如果(tbl.rows.length>1)
{
对于(变量i=0;i
我的html如下所示:
<table id="myTable" border = "0">
<tr border = "0">
<td><input type="checkbox" name="checkbox" id = "checkbox" value = "hen">hen</input></td>
</tr>
<tr>
<td><input type = "checkbox" name="checkbox1" id="checkbox1" value = "cock">cock</input></td>
</tr>
</table>
<br>
<button onclick="removeSelected("myTable")">Try it</button>
母鸡
公鸡
试试看
当我选中“母鸡”复选框时,它应该删除母鸡行,当我选中“公鸡”时,它应该删除公鸡行。但是,我无法删除所选的一个
我做错了什么?正如
AleJuliet
所说,您应该修复语法错误。
要删除行,应该从末尾开始,因为行是移位的
函数删除选择(tblname){
var tbl=document.getElementById(tblname);
对于(变量i=tbl.rows.length-1;i>=0;i--){
checkbox=tbl.rows[i].getElementsByTagName(“输入”)[0];
如果(复选框。选中){
tbl.deleteRow(i);
}
}
}
母鸡
公鸡
试试看
您还没有指定确切的问题。发生了什么?有什么问题吗?另外,getElementByTagName
不存在。也许您的意思是getElementsByTagName
?