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

时间:2021-08-20 12:14:52
/* 全选 */
    $("#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>

Js-Html 前端系列--全选,反选的更多相关文章

  1. js和jq实现全选反选

    在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考. 这里呢就先贴上我的html和css代码 <div class="wrap"> <tab ...

  2. jquery、js操作checkbox全选反选

    全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选//全选 function checkAll() { $('input[name=&qu ...

  3. jquery、js全选反选checkbox

    操作checkbox,全选反选 //全选 function checkAll() { $('input[name="TheID"]').attr("checked&quo ...

  4. JS全选反选功能

    总选框:<input type="checkbox" class="all" name="all"> 子选框: <inpu ...

  5. js全选 反选

    // 全选 反选 allChoose: function (o) { var obj = $.extend(true, { id: "#id", name: "name& ...

  6. jQuery全选&sol;反选checkbox

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. python&colon; jquery实现全选 反选 取消

    引入这个jquery-1.12.4.js jquery实现全选 反选 取消 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitio ...

  8. BootStrapt iCheck表单美化插件使用方法详解(含参数、事件等) 全选 反选

    特色: 1.在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备 2.支持触摸设备 — iOS.Android.BlackBerry.Windows Phone等系统 4.方便 ...

  9. jquery 书写全选反选功能

    书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta ...

随机推荐

  1. python生成器和迭代器

    生成器:具有生成能力的对象 迭代器:具有取值功能的对象 def func(): yield 1 yield 2 yield 3 ret = func() #func()函数体称为生成器 r=ret._ ...

  2. 表设计VIso

  3. c&num; 代理IP获取通用方法

    调用: ConcurrentQueue<string> proxyIpQueue = new ConcurrentQueue<string>(); Grab_ProxyIp(p ...

  4. 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选&amp&semi;多选下拉框

    先说点闲话,熟悉Angular的猿们会喜欢这个插件的. 00.本末倒置 不得不承认我是一个喜欢本末倒置的人,学生时代就喜欢先把晚交的作业先做,留着马上就要交的作业不做,然后慢悠悠做完不重要的作业,卧槽 ...

  5. Baidu与Google地图API初探

    前天周六,有个好友过来玩,他说想在他的站点中加入地图导航模块,但不知道选择哪个第三方Map API 在网上查了下Baidu.Google.QQ和MapBar等4种Map API(都是採用JS开放API ...

  6. win10下安装Cygwin配置gcc编译环境

    首先要说明的是,我个人安装cygwin的用途是为了使用kenlm工具训练通及语言模型. 注:统计语言模型工具有比较多的选择,目前比较好的有srilm以及kenlm,其中kenlm比srilm晚出来,训 ...

  7. SpringBoot基础系列-使用日志

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9996897.html SpringBoot基础系列-使用日志 概述 SpringBoot ...

  8. sqlserver 分区排序之partition

    例如:按照课程分组取各个课程最高成绩的记录,使用partition分区,然后按照成绩倒序排列,需要注意的是考虑到可能出现多个相同最高分,使用dense_rank来实现连续排序. 参考链接:https: ...

  9. 2017-2018-2 《网络对抗技术》20155322 Exp8 web基础

    [-= 博客目录 =-] 1-实践目标 1.1-实践介绍 1.2-实践内容 1.3-实践要求 2-实践过程 2.1-Web前端HTML 2.2-Web前端javascipt 2.3-Web后端 2.4 ...

  10. Storyboard Reference

    在某些情况下.你开发的应用可能包括有各种各样的复杂界面,假设你使用Storyboard来管理这些界面,通常你会将这些界面依照对应的逻辑分成很多子模块,放在不同的storyboard里,比方注冊相关的放 ...