僅使用javascript刪除多個選定的表行

Question

我想使用javascript刪除表中的選定行，但問題是一旦刪除一行，索引就會改變。

此問題很混亂，因為只有特定行包含復選框，並且可以添加更多復選框。

我已經可以使用javascript 獲取我希望在數組內部刪除的所有正確的行索引但是接下來我將如何刪除行而不會遇到錯誤的行而不使用原型或jquery。 純粹的javascript？

任何幫助是極大的贊賞。

 <table class="example_table" id="mytable">
    <tbody>
          <tr>
                <td><input type="text" id="top row" /></td>
          </tr>

          <tr>
                <td><input type="button" onclick="addNewCheckboxRow()" /></td> 
          </tr>

          <tr>
                <td><input type="button" /></td> 
          </tr>

          <tr>
                <td><input type="checkbox" value="1" id="check1" /></td>  //row that may be deleted
          </tr>

          <tr>
                <td><input type="checkbox" value="2" id="check2" /></td>  //row that may be deleted
          </tr>

          <tr>
                <td><input type="checkbox" value="3" id="check3" /></td>  //row that may be deleted
          </tr>
          <tr>
                <td><input type="checkbox" value="4" id="check4" /></td>  //row that may be deleted
          </tr>   

          <tr>
                <td><input type="button" /></td> 7
          </tr>
        </tbody>
    </table>

我目前的做法。 不確切，但你可以得到漂移。

var myrow=["6","7"];

document.getElementById("mytable").deleteRow(myrow[0]); //deletes row 6

document.getElementById("mytable").deleteRow(myrow[1]); //deletes row 7 But
                                                        //the index has changed!

//what happens when after the delete more rows are added!

Answer 1

從較大元素到較低元素對Array進行排序 。

function compareNumbers(a, b)
{
  return b - a;
}

然后從Biggest移到最小的。