永久的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 ...
随机推荐
- C# 连接 Oracle 的几种方式[转]
本文转自:http://www.cnblogs.com/storys/archive/2013/03/06/2945914.html 一:通过System.Data.OracleClient(需要安装 ...
- Netty4.x中文教程系列(四) 对象传输
Netty4.x中文教程系列(四) 对象传输 我们在使用netty的过程中肯定会遇到传输对象的情况,Netty4通过ObjectEncoder和ObjectDecoder来支持. 首先我们定义一个U ...
- z-index兼容问题:关于ie6/7下的z-index
z-index这个属性其实在挺多地方都会用到,在百度上搜索也有大量关于z-index的篇幅去阐述这个属性,特别是在ie6下的z-index处理有更多的相关文章,本文就不再围绕z-index这一属性的基 ...
- Unit Test Generator
- C#textbox右击弹出菜单
给窗口体拖一个contextMenuTrip 控件,也就是右键菜单控件,这时你就不要给这个控件写内容了, 选中textBox 然后点属性窗口,把它的contextMenuTrip 属性选中你刚才托的那 ...
- HDU1002 -A + B Problem II(大数a+b)
A + B Problem II Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) ...
- hdu 1166 树状数组 线段树入门
点修改 区间求和 #include <cstdio> #include <cstdlib> #include <cmath> #include <map> ...
- linux下获取时间差
#include <sys/time.h> struct timeval tpstart,tpend; float timeuse; gettimeofday(&t ...
- hdu 2177 取(2堆)石子游戏 博弈论
由于要输出方案,变得复杂了.数据不是很大,首先打表,所有whthoff 的奇异局势. 然后直接判断是否为必胜局面. 如果必胜,首先判断能否直接同时相减得到.这里不需要遍历或者二分查找.由于两者同时减去 ...
- 转：UGUI与NGUI的区别与优缺点
1. NGUI与UGUI的区别 1) uGUI的Canvas 有世界坐标和屏幕坐标 2) uGUI的Image可以使用material 3) UGUI通过Mask来裁剪,而NGUI通过Pa ...