Question

我试图在jquery中删除表中的一行。每行都有一个复选框作为其第一个单元格。单击“删除”按钮时，应仅删除其复选框已选中的行。以下是我正在尝试的代码

function deleteRow(tableID) {
        var tableData = document.getElementById(tableID);
        var tabId = '#' + tableID + ' tr';
        var rowcount = $(tabId).length;         
        for ( var i = 0; i < rowcount; i++) {
            var chkbox = $(tableIDAct).children('td').eq(0).is(':checked');
                if (null != chkbox && true == chkbox) {
                    tableData.deleteRow(i);
                    rowcount--;
                    i--;
                }
        }
    }

这里我无法逐行迭代。建议我感谢

Answer 1

可能问题是你在is(':checked')个对象上检查td而不是输入

var chkbox = $(tabId).eq(i)
    .children('td').eq(0)
    .children('input[type=checkbox]')
    .is(':checked');

http://jsfiddle.net/9fr2x93k/

Answer 2

我认为你有用这个

document.getElementById("myTable").deleteRow(0);

你可以逐个删除

   <table id="myTable">
      <tr>
        <td>cell 1</td>
        <td>cell 2</td>
      </tr>
      <tr>
        <td>cell 3</td>
        <td>cell 4</td>
      </tr>
    </table>
    <br> 

    <button onclick="myFunction()">Try it</button>

    <script>
    function myFunction() {
        document.getElementById("myTable").deleteRow(0);
    }
    </script>

如果有更多细节，那么

http://mrbool.com/how-to-add-edit-and-delete-rows-of-a-html-table-with-jquery/26721

尝试使用Jquery基于单元格值删除表中的行

2 个答案: