学员信息查询管理系统

条件：

学号	姓名	性别	年龄	成绩	班级
110	小明	男	44	100	89班
110	小红	男	44	99	89班
110	小白	男	44	98	89班
110	小王	男	44	22	89班

#nul {
	margin-left:150px;
	display:none;
}

$('#selectAll').on('click', function() {
    // $('#tab td input').attr('checked')
    var flage = $(this).is(":checked");
    if (flage) {
        $('#tab td input').prop("checked", true);
    } else {
        $('#tab td input').prop("checked", false);
    }
})
// 四个选中再全选
$('.xz').on('click', function() {
    if ($(".xz[type='checkbox']:checked").length == $('.xz').length) {
        $('#selectAll').prop("checked", true);
    } else {
        $('#selectAll').prop("checked", false);
    }
})
// 反选
$('#ReverseSelect').on('click', function() {
    $("#tab td :checkbox").each(function() {
        //遍历所有复选框，然后取值进行 !非操作
        $(this).prop("checked", !$(this).prop("checked"));
    })
    if ($(".xz[type='checkbox']:checked").length == $('.xz').length) {
        $('#selectAll').prop("checked", true);
    } else {
        $('#selectAll').prop("checked", false);
    }
})
// 搜索
$('#btn_search').on('click', function() {
    var tex = $('#txt_search').val()
    $('.nm').each(function() {
        if (tex == $(this).text()) {
            $(this).text(tex).parents('tr').show().siblings().hide();
            $('#nul').hide();
        } else {
            $(this).parents('tr').hide();
            // $('#nul').show();
        }
        if (tex == '') {
            $(this).parents('tr').show();
            $('#nul').hide();
        }
    })
    $('#sh').show()
})
// 删除
$('#del_btn').on('click', function() {
    $("#tab td :checkbox").each(function() {
        if ($(this).prop("checked") == true) {
            $(this).parents('tr').remove()
        }
    })
})

↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.1.4

立即下载

jquery模拟实现删除，查询，全选，反选



代码描述：全是一些很简单的代码新人看一下就懂

更新时间：2019-08-15 00:54:28
jq模拟实现删除，查询，全选，反选搜索了一个人名字后想要显示全部把搜索的内容删了点击搜索就行空格不能哦点了删除想要回到以前的样子刷新一下就回到原样了虽然真正的删和查是通过后台ajax实现的吧=v= 不过咱们也可以模仿一个

1

最新

发表评论全部评论

暂时没有评论！

??0

2019/8/15 9:53:58

需要jquery2.2.0以上版本不然不生效回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

??

相关代码

学员信息查询管理系统

jquery模拟实现删除，查询，全选，反选

最新