[JavaScript知识库]Jquery人员管理实现代码、以及出现的问题以及解决的思路

出现的第一个问题：动态新增无法删除了：我的解决思路是 使用on()事件
先找 然后再去找他新增的东西 获取他的父级去删
代码如下: $(“body”).on(‘click’, ‘.bbb’, function () {
$(this).parent().remove();
});

全选：    $('#cheke').click(function () { //全选点击 将所有的复选框选中

    $('.checkbox').prop('checked', $('#cheke').is(":checked"))
})
点击单选  全部选中 自动勾选全选:
 $('.checkbox').click(function () {
    $('#cheke').prop('checked', $('input[type=checkbox]:checked').length === $('.checkbox').length)
})
全选 删除所有 以及动态获取 删除选中为的行

$('#delete').click(function () {
    if ($('input[name=crecheckbox]').is(":checked")) { //勾选所有删除
        $('tbody').children().remove();
    } else {
        var a = $('.checkbox')

        for (var i = 0; i < a.length; i++) {//动态删除所选
            if (a.eq(i).is(":checked")) {
                a.eq(i).parent().parent().remove();
            }
        }
    }
})
新增人员以及新增页面的动画显示与隐藏
  $('#hide').click(function () {
    $(this).parent().slideUp(); //动画隐藏
})
$('#add').click(function () {
    $(".sert").slideDown();//动画显示
})

$('#zhuce').click(function () {

    var a = $("<tr></tr>").append($('<th name="checkbox"><input type="checkbox" class="checkbox"></th>'))
    var tbo = $('#tbo');
    var sex = "";
    var name1 = $('#name').val()
    var age1 = $('#age').val()

    var iphone1 = $('#iphone').val()
    var zhuzhi1 = $('#zhuzhi').val()
    if ($('input[id=man]').is(":checked")) {
        sex = "男";

    } else {
        sex = "女";
    }
    var na = $('<td name="name"></td>')
    var age = $('<td name="age"></td>').html(age1);
    var sex = $('<td name="position"></td>').html(sex)
    var iphone = $('<td name="mobile"></td>').html(iphone1);
    var addr = $('<td name="address"></td>').html(zhuzhi1)
    var delet = $('<td name="option" class="bbb">删除</td>');
    na.html(name1);

    a.append(na);
    a.append(age);
    a.append(sex)
    a.append(iphone);
    a.append(addr);
    a.append(delet);
    tbo.append(a);


})