首页 > 其他 > 详细

017_jQuary全选按钮

时间:2020-03-11 19:12:46      阅读:60      评论:0      收藏:0      [点我收藏+]
    //给"全选"按钮添加单击事件
            $("#chd_all").click(function () {
                /*
                    获取"全选"按钮的checked属性值,prop相当于我们的attr(),是专门用来获取便签属性的值的。
                    <tBody>是我们的表体标签,和表头标签<thead>相对应
                    $("#tBody"):表示获取tBody标签父标签
                    $("#tBody input"):表示获取所有父标签中所有的input子标签
                    $("#tBody input[type=‘checkbox‘]"):获取所有type属性为checkbox的所有子标签
                    prop("checked”):获取checked的属性值
                    prop("checked",true):将checked的属性值设置为true
                 */
                var chd = $(this).prop("checked");
                $("#tBody input[type=‘checkbox‘]").prop("checked",chd);
            });
//给列表中所有的checkbox添加单击事件
$("#tBody input[type=‘checkbox‘]").click(function () {
//获取列表中所有checkbox
if($("#tBody input[type=‘checkbox‘]").size()==$("#tBody input[type=‘checkbox‘]:checked").size()){
$("#chd_all").prop("checked",true);
}else{
$("#chd_all").prop("checked",false);
}
});
 

 

017_jQuary全选按钮

原文:https://www.cnblogs.com/pogusanqian/p/12464311.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!