Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法从表中删除选定的输入行_Javascript_Html - Fatal编程技术网

Javascript 无法从表中删除选定的输入行

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 <

我在一个“checkbox”类型的表中有多个输入标记。我需要删除选中复选框的完整行。 我正在使用以下函数删除所选行:

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