jquery - 选中和取消选中表行中的复选框

Question

我需要你们的建议。我的表格中有一个复选框。如果我想检查复选框，则会附加一些内容并且它可以工作。但是当我取消选中该复选框时，我想要发生的事情就不起作用了。

这是我的 jquery 代码:

 $('.table tbody').on('click','.detailscheck', function(){
    $('.detailscheck').filter(':checked').each(function() {
    var po_no = $(this).closest('tr').find(".pono").val();
    var itemid = $(this).closest('tr').find(".item_id").val();
 if(this.checked) {
       $('div.finaldata').append('<tr> \
       <td><input type="text" class="pono" id="po_no" name="po_no[]" value="'+po_no+'"> \
       <input type="text" id="item_id" class="item_id" name="item_id[]" value="'+itemid+'"></td> \
       </tr>');

        }
        else {
              $('div.finaldata').append('<tr> \
              <td><input type="text" class="pono" id="po_no" name="po_no[]" value="'+po_no+'"> \
              <input type="text" id="item_id" class="item_id" name="item_id[]" value="'+itemid+'"></td> \
             </tr>').remove();
             }
    });
        })

Answer 1

它将删除所有未选中的值并保留选中的值。您还可以使用empty()来避免重复。

不是我的代码，我只是找到它。

$('#test').click(function() {
        $('#out').text('');
        $('#rowclick2 tr').filter(':has(:checkbox:checked)').each(function() {
            // this = tr
            $tr = $(this);
            //get row values
            $('#out').append(this.id);
        });
    })

http://jsfiddle.net/jensgram/fRUUd/35/