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 ...
随机推荐
- 创建android phonegap项目
一. 首先需要在Eclipse中创建一个Android项目 打开Eclipse,打开File->New->Project 选择Android Application Project点击Ne ...
- uml系列(四)——类图
类图是uml的核心.学习类图,总共须要掌握三个部分:类:类之间的关系:类图怎么画. 首先,类.老规矩,先来张图. 类是什么:举个简单的样例:猫.狗.猪三个都是动物.这里面的"动物" ...
- 通过改变viewport 实现网站自适应
var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var userAgent = nav ...
- Ibatis ISqlMapper工厂类案例
namespace Model{ public class MapperFactory { //声明一个ISqlMapper接口类型的数据映射器 _mapper,其初始值为null private s ...
- ASP.NET MVC应用程序实现下载功能
ASP.NET MVC应用程序实现下载功能 上次Insus.NET有在MVC应用程序实现了上传文件的功能<MVC应用程序显示上传的图片> http://www.cnblogs.com/in ...
- Android入门之环境搭建
欢迎访问我的新博客:http://www.milkcu.com/blog/ 原文地址:http://www.milkcu.com/blog/archives/1376935560.html 原创:An ...
- Dirichlet's Theorem on Arithmetic Progression
poj3006 Dirichlet's Theorem on Arithmetic Progressions 很显然这是一题有关于素数的题目. 注意数据的范围,爆搜超时无误. 这里要用到筛选法求素数. ...
- Python Learing(二):Basic Image Processing 1
<写在前面> Basic image processing 1: 0.(以简单的曲线图为例)对于生成的图自定义外观,使用子图,多个数据集,标题,标签,交互式标注,图例: 1.生成散点图,直 ...
- oracle数据库管理--对象、角色相关查询
1.数据字典: 记录了数据库的系统信息,它是只读表和视图的集合,数据字典的所有用户者为sys用户.用户只能在数据字典上执行查询操作(select语句),而其维护与修改是由系统自动完成的.数据字 ...
- MongoDB:利用官方驱动改装为EF代码风格的MongoDB.Repository框架 四
本次改动主要实现MongoGridFS功能.实现方式主要使用了MongoGridFS和MongoGridFSFileInfo两个类. 设计思路:定义一个IMongoFile接口并继承IEntity,以 ...