永久的CheckBox（单选，全选/反选）！
<html>
<head>
<title>选择</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function () {
//单选组事件
$("[name=chk]:checkbox").bind("click", function () {
if ($(this).attr("check")) {
$(this).removeAttr("check");
} else {
$(this).attr("check", true);
}
}) //全选或反选
$("[name=chkName]:checkbox").click(function () {
if ($(this).attr("check")) {
$(this).removeAttr("check");
$("[name=chk]:checkbox").each(function () {
if ($(this).attr("check")) {
$(this).click();
};
});
} else {
$(this).attr("check", true);
$("[name=chk]:checkbox").each(function () {
if (!$(this).attr("check")) {
$(this).click();
};
});
} }) $("#btnSub").click(function () {
var arr = [];
$("[name=chk]:checkbox").each(function () {
if ($(this).attr("check")) {
arr[arr.length] = $(this).attr("value");
}
})
alert(arr.join(","))
})
})
</script>
</head>
<body>
<div>
<div>
<span>
<input type="checkbox" id="chkAll" name="chkName" /></span>
</div>
<div>
<input type="checkbox" id="Checkbox1" name="chk" value="" />
<input type="checkbox" id="Checkbox2" name="chk" value="" />
<input type="checkbox" id="Checkbox3" name="chk" value="" />
<input type="checkbox" id="Checkbox4" name="chk" value="" />
</div>
<div>
<input type="button" id="btnSub" value="提交" />
</div>
</div>
</body>
</html>
永久的CheckBox（单选，全选/反选）！的更多相关文章
- checkbox、全选反选，获取值
<input id="Chk_All" onclick="CheckAll()" type="checkbox" /> < ...
- jquery控制动态生成的gridview中多列checkbox的全选反选及自动判断是否全选状态
动态生成的Gridview的前台html代码如下: <table class="usertableborder" cellspacing="0" ...
- jquery、js操作checkbox全选反选
全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选//全选 function checkAll() { $('input[name=&qu ...
- jquery、js全选反选checkbox
操作checkbox,全选反选 //全选 function checkAll() { $('input[name="TheID"]').attr("checked&quo ...
- jQuery checkbox的全选与反选
1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...
- jQuery全选/反选checkbox
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 通过VBA实现checkbox的全选和反选
checkbox的全选和反选可以通过VBA来控制,这种设计常见于一些交互式报表,代码如下: 1.分成两个IF判断 Private Sub CheckBox1_Click() ‘checkbox为总控 ...
- 表单javascript checkbox全选 反选 全不选
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...
- 关于Winform下DataGridView中实现checkbox全选反选、同步列表项的处理
近期接手一个winform 项目,虽然之前有.net 的经验,但是对一些控件的用法还不是很熟悉. 这段时间将会记录一些在工作中遇到的坎坷以及对应的解决办法,写出来与大家分享并希望大神提出更好解决方法来 ...
- 购物车功能：使用jQuery实现购物车全选反选，单选，商品增删，小计等功能
效果图: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
随机推荐
- python logging TimedRotatingFileHandler 作用
max backup count这样的参数,即打印的日志文件数量超过这个阈值,发生rotate,从最老的文件开始清理 未亲测.
- python爬取某些网站出错的解决办法
用urllib2.urlopen方法打开糗事百科的网站,http://www.qiushibaike.com/,发现会失败,网上百度,说可能是服务器端对爬虫做了屏蔽,需要伪装header头部信息,下面 ...
- 网站常用css必备css reset
在我们写前端代码页面的时候,很多常用的CSS类都是固定的!但没有一个标准或者大家都按自己的方式去随意的写,这样就每次都重复写一些固定的类! 为此HTML5 Doctor(HTML5医生)为我们总结了一 ...
- 【入门篇】Nginx + FastCGI 程序（C/C++） 搭建高性能web service的Demo及部署发布
http://blog.csdn.net/allenlinrui/article/details/19419721 1.介绍 Nginx - 高性能web server,这个不用多说了,大家都 ...
- POJ 2528 Mayor's posters (线段树，染色问题，离散化要注意)
做这题建议看一下该题的discuss. #include <iostream> #include <stdio.h> #include <string.h> #in ...
- 深入浅出Java并发包—CAS机制
在JDK1.5之前.Java主要靠synchronized这个关键字保证同步,已解决多线程下的线程不安全问题,但是这会导致锁的发生,会引发一些个性能问题. 锁主要存在一下问题 (1)在多线程竞争下,加 ...
- linux入门教程(二) 图形界面还是命令窗口
对于linux的应用,我想大多数都是用在服务器领域,对于服务器来讲真的没有必要跑一个图形界面.所以我们平时安装linux操作系统时往往是不安装图形界面的.说到这里也许你会有疑问,图形界面还能选择装或者 ...
- ios APP屏幕快照尺寸
苹果上传APP审核需要上传APP屏幕快照,分别有3.5寸,4寸,4.7寸,5.5寸,ipad五种图片,对应尺寸大小: 3.5寸:横坚屏 640*960 或960*640 4寸:横坚屏 640*1036 ...
- 毕向东JAVA视频视频讲解（第八课）
继承的好处: 1,提高了代码的复用性. 2,让类与类之间产生了关系,给第三个特征多态提供了前提. java中支持单继承.不直接支持多继承,但对C++中的多继承机制进行改良. 单继承:一个子类只能有一个 ...
- linux进程的地址空间，核心栈，用户栈，内核线程
linux进程的地址空间,核心栈,用户栈,内核线程 地址空间: 32位linux系统上,进程的地址空间为4G,包括1G的内核地址空间,和3G的用户地址空间. 内核栈: 进程控制块task_struct ...