Js-Html 前端系列--全选，反选

最新推荐文章于 2025-06-23 00:21:59 发布

洲上牧童

最新推荐文章于 2025-06-23 00:21:59 发布

阅读量512

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/kingbox000/article/details/50421917

前端专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现全选和反选功能的方法，并通过具体代码示例展示了如何为一组复选框设置全选与反选行为。此外，还提供了一个简单的计时器实现方案，利用setTimeout函数创建了两个首尾相连的定时任务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* 全选 */
    $("#selectedAll").click(function(){
        var boxcList = $(".boxc");var boxcList1 = $(".boxcp");
        var c = $(this).attr("checked");
        if(c == "undefined"||c == undefined||c == false){
            boxcList.prop("checked",true);
            boxcList.attr("checked",true);
            boxcList1.prop("checked",true);
            boxcList1.attr("checked",true);
            $(this).prop("checked",true);
            $(this).attr("checked",true);
        }else{
            boxcList.removeAttr("checked");
            boxcList1.removeAttr("checked");
            $(this).removeAttr("checked");
        }


    });
    /* 反选 */
    $("#backselectedAll").click(function(){
        var boxcList = $(".boxc");var boxcList1 = $(".boxcp");
        for(var i=0;i<boxcList.length;i++){
            var c = boxcList.eq(i).attr("checked");
            if(c == "undefined"||c == undefined||c == false){
                boxcList.eq(i).prop("checked",true);
                boxcList.eq(i).attr("checked",true);
            }else{
                boxcList.eq(i).removeAttr("checked");
            }
        }
        for(var i=0;i<boxcList1.length;i++){
            var c = boxcList1.eq(i).attr("checked");
            if(c == "undefined"||c == undefined||c == false){
                boxcList1.eq(i).prop("checked",true);
                boxcList1.eq(i).attr("checked",true);
            }else{
                boxcList1.eq(i).removeAttr("checked");
            }
        } 
    });

Js产生两个首尾相连的记时器

<script>
var time=0;
 setTimeout(a(), 1000);
 alert("开始")
 function b(){
     alert("么么哒 "+time++)
     setTimeout(a(), 5000); 
 }
 function a(){
     alert("萌萌哒 "+time++)
     setTimeout(b(), 5000); 
 }
</script>