首页 > 其他分享 >JQuery实现全选、全不选和反选功能

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

时间:2023-02-20 19:07:42浏览次数:32  
标签:JQuery function checked allSelection 反选 prop 全选 click

首先,根据勾选框来全选的话,使用这个,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"));
    })
})

标签:JQuery,function,checked,allSelection,反选,prop,全选,click
From: https://blog.51cto.com/u_15973676/6069288

相关文章