javascript - 显示所有选中的值并删除 TR

Question

<table>
    <tr><td>aaa</td><td><input type="checkbox" name="yes[]" value="aaa" checked /></td></tr>
    <tr><td>bbb</td><td><input type="checkbox" name="yes[]" value="bbb" /></td></tr>
    <tr><td>ccc</td><td><input type="checkbox" name="yes[]" value="ccc" checked /></td></tr>
</table>


<span id="delete">delete</span>

var val = $(input[checkbox]).val();
alert(val);

$('#delete').click(function(){
    //here should be delete all TR if input is not checked. how?
})

如果未选中此 TR 中的输入，我如何显示所有选中的值以及如何删除所有 TR？

实例:http://jsfiddle.net/RYrA4/1/

Answer 1

选择合适的元素，然后选择父tr，最后移除它们:http://jsfiddle.net/pimvdb/RYrA4/3/ .

$('#delete').click(function(){
    $(":checkbox[name='yes[]']:not(:checked)") // select non-checked checkboxes
        .parent()  // <td>s (parents of checkboxes)
        .parent()  // <tr>s (parents of <td>s)
        .remove(); // remove <tr>s
})