JQuery实现全选、全不选和反选功能

JQuery实现全选、全不选和反选功能

首先,根据勾选框来全选的话,使用这个,this.checked表示选中状态
chenked是一种属性,是否被选中的属性

$("#all").click(function(){
    $(".ids").prop("checked",this.checked)
})

根据点击事件来全选的话

$("#selectAll").click(function () {
    $(".allSelection").prop("checked","checked")
})

根据点击事件来全不选

$("#deleteAll").click(function () {
    $(".allSelection").attr("checked",false)
})

根据点击事件来反选,都是应用prop

$("#selectNone").click(function () {
    $(".allSelection").each(function () {
        $(this).prop("checked",!$(this).prop("checked"));
    })
})