<script language="javascript">
$(document).ready(function(){
//各行换色
$('table tr:odd').addClass('tr_odd'); //奇数行
$('table tr:even').addClass('tr_even'); //偶数行
//单击行选中是事件
$("tr").bind("click",function(){
if( $(this).hasClass('selected') ){
$(this).removeClass('selected')
.find(":checkbox").attr("checked",false);
}else{
$(this).addClass('selected')
.find(":checkbox").attr("checked",true);
}
})
//全选事件
$("#selectAll").click(function(){
$(":checkbox").attr("checked","checked");
});
//反选事件
$("#unSelect").click(function(){
var checkbox=$(":checkbox");
for(var i=0;i<checkbox.length;i++){
checkbox[i].checked=!checkbox[i].checked;
}
});
//取消事件
$("#cancelSelect").click(function(){
$(":checkbox").removeAttr("checked");
}); });
<body>
<input type="button" value="全选" id="selectAll">
<input type="button" value="反选" id="unSelect">
<input type="button" value="取消" id="cancelSelect">
<table width="200" border="1">
<tr>
<td>cxv</td>
<td>zxcv</td>
<td>zxcv</td>
</tr>
<tr>
<td><form id="form1" name="form1" method="post" action="">
<label>
<input type="checkbox" name="checkbox" value="checkbox" />
</label>
</form> </td>
<td>zxcv</td>
<td>gfh</td>
</tr>
<tr>
<td><form id="form2" name="form2" method="post" action="">
<label>
<input type="checkbox" name="checkbox2" value="checkbox" />
</label>
</form> </td>
<td>fhg</td>
<td>ghj</td>
</tr>
<tr>
<td><form id="form3" name="form3" method="post" action="">
<label>
<input type="checkbox" name="checkbox3" value="checkbox" />
</label>
</form> </td>
<td>dfg</td>
<td>fgh</td>
</tr>
</table>
</body>
</html>
<script language="JavaScript" type="text/javascript">
function Checkbox1() {
var o=new Array()
var j=0
var obj=document.form1.getElementsByTagName("INPUT")
for (var i=0;i<=obj.length-1;i++){
if (obj[i].checked){o[j]=obj[i].value;j++}
}
alert(o);
}
</script> <form name="form1">
<input name="ID" type="checkbox" value="1">
<input name="ID" type="checkbox" value="2">
<input name="ID" type="checkbox" value="3">
<input type="button" onclick="Checkbox1();" value="提交">
</form>
<script>
function Checkbox1(form){
var checks = form.ID;
for(i=0; i<checks.length; i++){
var obj = checks[i];
if(obj.checked == true){
alert(obj.value);
}
}
}
</script> <form name="form1">
<input name="ID" type="checkbox" value="1">
<input name="ID" type="checkbox" value="2">
<input name="ID" type="checkbox" value="3">
<input type="button" onclick="Checkbox1(this.form)" value="提交">
</form>

基于jquery 全选、反选、各行换色、单击行选中事件实现代码的更多相关文章

  1. jQuery全选/反选checkbox

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 关于JQuery全选/反选第二次失效的问题

    最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...

  3. jQuery全选反选插件

    (function($){ $.fn.check = function(options){ var options = $.extend({ element : "input[name='n ...

  4. jQuery全选反选实例

    1. $('#tb:checkbox').each(function(){ 每次都会执行 全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...

  5. JQuery 全选 反选 获取Table 中指定td的元素值

    //全选 function initTableCheckbox() { var $thr = $('table thead tr'); var $checkAllTh = $('<th>& ...

  6. jquery全选 反选

    //全选 反选 $('#chkAll').on('click',function(){ $('input.chkbox').prop('checked',$(this).prop('checked') ...

  7. 关于jquery全选反选 批量删除的一点心得

    废话不多说直接上代码: 下面是jsp页面的html代码: <table id="contentTable" class=""> <thead& ...

  8. jquery全选反选

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. jQuery 全选 反选 单击行改变背景色

    我先把CSS样式放出来,其实这个可以直接忽略 ;;font-size:12px;font-family:微软雅黑;} .datagrid{width:100%;} .datagird tr th{ba ...

随机推荐

  1. Java-终止应用程序

    参考了:http://www.cnblogs.com/xwdreamer/archive/2011/01/07/2297045.html 理论在上面链接中有详细的解释 package com.tj; ...

  2. appium+python自动化-adb shell按键操作(input keyevent)

    前言 接着上篇介绍input里面的按键操作keyevent事件,发送手机上常用的一些按键操作 keyevent 1.keyevent事件有一张对应的表,可以直接发送对应的数字,也可以方式字符串,如下两 ...

  3. [SQL server] IF ELSE 和 CASE WHEN 的用法

    /*判断一个数如果大于10,按10统计,如果小于0,按0统计*/ --方法a DECLARE @AA INT SET @AA=15 IF @AA>10 SELECT 10 ELSE IF @AA ...

  4. Java包(package)详解

    java包的作用是为了区别类名的命名空间 1.把功能相似或相关的类或接口组织在同一个包中,方便类的查找和使用.. 2.如同文件夹一样,包也采用了树形目录的存储方式.同一个包中的类名字是不同的,不同的包 ...

  5. 【Luogu】P3758可乐(矩阵优化DP)

    题目链接 一开始想到这可能能用矩阵优化,但以为暴力就能卡过……T成二十分 首先我们回顾一下我们的暴力转移方程 用f[i][j][0/1]表示在i时刻,j点,1不爆炸,0已爆炸的方案数,那么f[i][j ...

  6. BZOJ 1012 [JSOI2008]最大数maxnumber【线段树】

    水题,每次记录一下当前有多少个数,然后按照题目所指示的那样模拟就行,每次向线段树末尾插入(其实是修改)题目中指定的数,然后询问当前的个数到前面Q个数中最大值是多少结果就是,好久不碰线段树了,用数组模拟 ...

  7. ElasticSearch索引自定义类型

    ES可以自动检测字段并设置映射类型.如果设置的索引类型不是我们所需要的,我们可以自行定义. Rest API设置自定义索引 首先通过ES自动映射一个IP地址的字段的类型: <pre name=& ...

  8. 标准C程序设计七---17

    Linux应用             编程深入            语言编程 标准C程序设计七---经典C11程序设计    以下内容为阅读:    <标准C程序设计>(第7版) 作者 ...

  9. msp430项目编程41

    msp430综合项目---红外遥控直流电机调速系统41

  10. R语言入门视频笔记--6--R函数之cat、format、switch函数

    一.cat 猫  怎么就变成一个输出函数了呢? cat  一个输出函数,功能和print有相同之处 我们一起比较看看 1.cat(“hellow world”)或cat('hellow world') ...