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 ...
随机推荐
- Mybatis之动态构建SQL语句
今天一个新同事问我,我知道如何利用XML的方式来构建动态SQL,可是Mybatis是否能够利用注解完成动态SQL的构建呢?!!答案是肯定的,MyBatis 提供了注解,@InsertProvider, ...
- C# 文件下载类
using System; using System.Net; using System.IO; using System.Text; using System.Web; using System.W ...
- 调试javascript
Chrome 控制台 如何调试javascript 上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javasc ...
- jquery 拖动DIV
<html><head> <style type="text/css"> .show{ background:#7cd2f8; width:30 ...
- IOS开发苹果官方Sample Code及下载地址
IOS开发苹果官方Sample Code及下载地址 在线浏览地址:https://developer.apple.com/library/ios/navigation/#section=Resourc ...
- ASP.NET MVC应用程序处理并发
为ASP.NET MVC应用程序处理并发 2014-05-14 08:37 by Bce, 694 阅读, 2 评论, 收藏, 编辑 这是微软官方教程Getting Started with Enti ...
- C#使用文件监控对象FileSystemWatcher 实现数据同步
在C#使用文件监控对象FileSystemWatcher 实现数据同步 2013-12-12 18:24 by 幕三少, 352 阅读, 3 评论, 收藏, 编辑 最近在项目中有这么个需求,就是得去实 ...
- C# socket编程实践
C# socket编程实践——支持广播的简单socket服务器 在上篇博客简单理解socket写完之后我就希望写出一个websocket的服务器了,但是一路困难重重,还是从基础开始吧,先搞定C# ...
- 【译】Objectively Speaking 2: A Crash Course in Objective-C for iOS 6
In this Objective-C tutorial, you will create a simple movie quotes quiz app. Along the way, you’ll ...
- Knockout 是什么?
翻译:Knockout 轻松上手 - 1 Knockout 是什么? 原文名称:KnockoutJS Starter Knockout 是一个非常棒的脚本库,可是我发现许多人并不了解它,所以,思胜翻译 ...