单击复选框上的jquery删除表行

时间:2011-01-04 19:55:12

标签: javascript jquery

我有一个动态创建的表,表的每一行都有一个复选框,当用户点击该复选框时,动态创建的表的整行需要删除。

5 个答案:

答案 0 :(得分:7)

$("tr input:checkbox").live("click", function(){ 
    $(this).closest("tr").remove(); 
});

答案 1 :(得分:1)

$('table').delegate('tr input:checkbox', 'click', function () {
    $(this).closest('tr').remove();
});

<强> Demo here

答案 2 :(得分:1)

$(function(){
    $(".yourCheckboxClass").change(event){
        function(){
            $(this).closest('tr').remove();
        }
    }
});

答案 3 :(得分:1)

您可以像这样使用此特定表格。

$("#yourtableID  tr").live("click", function(){ 
    $(this).closest("tr").remove(); 
});

答案 4 :(得分:0)

$('table.grid input:checkbox').change(function(){
    $(this).parents('tr').remove();
});