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?
})

how can i show all checked values and how can i delete all TR if input in this TR is not checked?

LIVE EXAMPLE: http://jsfiddle.net/RYrA4/1/

Answer 1

Select the appropriate elements, then select the parent trs and finally remove them: 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
})