Js-Html 前端系列--全选,反选
/* 全选 */
$("#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 前端系列--全选,反选的更多相关文章
- js和jq实现全选反选
在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考. 这里呢就先贴上我的html和css代码 <div class="wrap"> <tab ...
- jquery、js操作checkbox全选反选
全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选//全选 function checkAll() { $('input[name=&qu ...
- jquery、js全选反选checkbox
操作checkbox,全选反选 //全选 function checkAll() { $('input[name="TheID"]').attr("checked&quo ...
- JS全选反选功能
总选框:<input type="checkbox" class="all" name="all"> 子选框: <inpu ...
- js全选 反选
// 全选 反选 allChoose: function (o) { var obj = $.extend(true, { id: "#id", name: "name& ...
- jQuery全选/反选checkbox
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- python: jquery实现全选 反选 取消
引入这个jquery-1.12.4.js jquery实现全选 反选 取消 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitio ...
- BootStrapt iCheck表单美化插件使用方法详解(含参数、事件等) 全选 反选
特色: 1.在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备 2.支持触摸设备 — iOS.Android.BlackBerry.Windows Phone等系统 4.方便 ...
- jquery 书写全选反选功能
书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta ...
随机推荐
- C#异步Socket示例
C#异步Socket示例 概要 在C#领域或者说.net通信领域中有着众多的解决方案,WCF,HttpRequest,WebAPI,Remoting,socket等技术.这些技术都有着自己擅长的领域, ...
- 谈Linux
新手谈Linux 目录: 什么是Linux? Linux与UNIX的区别 Linux与Windows比较 什么是Linux发布版? Linux应用领域 Linux版本的选择 怎么学习Linux? ...
- SVG 学习(二)--- 创建组合交互式应用
接着上一节的内容,本次学习主要介绍SVG组合式应用以及js交互式应用! 1.组合式应用 绘制两棵带有投影效果的树! <svg width="400" height=" ...
- 继承,is,as,多态
继承中的构造方法:1.创建子类对象时,一定会先创建父类对象2.如果调用的子类构造方法没有使用base,就会自动调用父类无参的构造方法, 如果父类没有无参的构造方法就会报错3.如果调用的子类构造方法 ...
- Mvc快速开发
Asp.Net Mvc + ComBoost.Mvc快速开发 ComBoost项目地址 http://comboost.wodsoft.com https://github.com/Kation/ ...
- Java多线程学习笔记——从Java JVM对多线程数据同步的一些理解
我们知道在多线程编程中,我们很大的一部分内容是为了解决线程间的资源同步问题和线程间共同协作解决问题.线程间的同步,通俗我们理解为僧多粥少,在粥有限情况下,我们怎么去防止大家有秩序的喝到粥,不至于 ...
- N个骰子的点数和的概率分布
程序设计思路: 假设有n个骰子,关键是需要统计每个点数出现的次数.首先分析第一个骰子点数和有1到6的点数,计算出1到6的每种点数 的次数,并将结果用一个数组pos1记录.然后分析有两个骰子时, 点数为 ...
- tornado\ioloop.py单例
@staticmethod def instance(): """Returns a global `IOLoop` instance. Most application ...
- [转]Jailbreak Detection Methods
Source: http://blog.spiderlabs.com/2014/10/jailbreak-detection-methods.html Many iOS applications co ...
- [转]JavaScriptCore by Example
原文:http://www.bignerdranch.com/blog/javascriptcore-example/ JavaScriptCore is not a new framework; i ...