checkbox全选_全选全部选,分页全选实现!

全选全部选,分页全选实现!

前言:本人后端java,因为在郑州工作,不得已要写前端(如果不是生活逼迫,谁愿意这么优秀~).分享一下. 

如果喜欢可以关注公众号:码农脱贫 (回复0713可领取java从入门到就业完整资料,还可以加小编微信,获取架构师,前端,pyhon等免费资料,小编要的就是你的一个关注)

一,先学习一下prop小知识:

1  	prop定义
prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。
当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对
2	prop语法
1返回属性的值 $(selector).prop(property)
2设置属性和值 $(selector).prop(property,value)3使用函数设置属性和值 $(selector).prop(property,function(index,currentvalue))
4设置多个属性和值 $(selector).prop({property:value,property:value,...})
【参数解释：】
 property规定属性的名称
 value规定属性的值
 function(index,currentvalue)规定要返回设置属性值的函数。
             index检索集合元素中的位置;
             currentvalue检索被选元素当前的属性值;
复制代码

       
案例：//全选与反选
$("#quanxuan").click(function(){
//全选时(如果复选框是选择状态会返回true)
if($("#xuanxuan").prop("checked")){
//遍历循环体，并给每一行的复选框赋值为选中状态
        $("#xuanze").each(function(){
            $("#xuanze").prop("checked",true);
//$("#xuanze").prop("checked","checked");
        });
    }else{
//反选，遍历循环体
        $("#xuanze").each(function(){
            $("#xuanze").prop("checked",false);
//$("#xuanze").prop("checked","");
        })
    }
})复制代码

二,学习一个each小知识

1 定义: each()方法规定为每一个匹配的元素规定运行的函数。

 2 语法：$(selector).each(function(index,element)) functon(index,element) 必需。为每个匹配的元素规定运行的函数。index选择器的位置 element当前元素

升级版,加入前端缓存

全选复选框

循环体

码农脱贫往期精彩文章包含答案

做前后端分离项目，必须了解 OAuth2.0 的四种授权方式

分布式事务全面分析

分布式锁造成的重大事故之Redis

SQL防注入之Mybatis框架漏洞

高并发场景下的订单和库存处理方案!收藏这个就够了!

程序员福利!Swagger完美解决前后端对接问题!

郑州10kjava上机题

架构师写的BUG,非比寻常!

给个[在看]，是对码农脱贫最大的支持