- 浏览: 113815 次
- 性别:
- 来自: 广西
文章分类
最新评论
-
greemqqran:
这方法 源码,是怎么的哦?
可变参数,数组与集合之间的转换 -
greemqqran:
Arrays.asList
可变参数,数组与集合之间的转换 -
ricoyu:
引用? super E:接收的是E类型对象应该是: ? sup ...
泛型-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> table{ border:#0000FF 1px solid; width:70%; } table td,table th{ border:#0099FF 1px solid; } table th{ background-color:#009900; } .one{ background-color:#FFFF99; } .two{ background-color:#33FFFF; } .over{ background-color:#006699; } </style> <script type="text/javascript"> //行颜色间隔显示并高亮。 var name; function trColor() { var tabNode = document.getElementsByTagName("table")[0]; var trs = tabNode.rows; for(var x=1 ; x<trs.length-1; x++) { if(x%2==1) trs[x].className = "one"; else trs[x].className = "two"; trs[x].onmouseover = function() { name = this.className; this.className = "over"; }; trs[x].onmouseout = function() { this.className = name; } } } window.onload = function() { trColor(); } // 完成checkbox的全选动作。 function checkAll(index) { var allNode = document.getElementsByName("all")[index]; var mails = document.getElementsByName("mail"); for(var x=0; x<mails.length; x++) { mails[x].checked = allNode.checked; } } //完成按钮的选取。 function checkByBut(num) { var mails = document.getElementsByName("mail"); for(var x=0; x<mails.length; x++) { if(num>1) mails[x].checked = !mails[x].checked; else mails[x].checked = num; } } //删除所选邮件。 function delMail() { if(!window.confirm("你真的要删除所选邮件吗?")) return ; var mails = document.getElementsByName("mail"); var arr = new Array(); var pos =0; for(var x=0; x<mails.length; x++) { if(mails[x].checked) { var trNode = mails[x].parentNode.parentNode; arr[pos++] = trNode; } } for(var x=0; x<arr.length; x++) { var trNode = arr[x]; trNode.parentNode.removeChild(trNode); } trColor(); } </script> </head> <body> <table> <tr> <th><input type="checkbox" name="all" onclick="checkAll(0)" />全选</th> <th>发件人</th> <th>邮件名称</th> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三00</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三11</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三22</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三33</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三mm</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三44</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三55</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三66</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三77</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三88</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三99</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三aa</td> <td>新的邮件</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三zz</td> <td>新的邮件</td> </tr> <tr> <th><input type="checkbox" name="all" onclick="checkAll(1)" />全选</th> <th colspan="2"> <input type="button" value="全选" onclick="checkByBut(1)" /> <input type="button" value="取消全选" onclick="checkByBut(0)" /> <input type="button" value="反选" onclick="checkByBut(2)" /> <input type="button" value="删除所选邮件" onclick="delMail()" /> </th> </tr> </table> </body> </html>
发表评论
-
javascript中的call和apply
2012-11-17 16:34 735javacript中有很多简写的方式,其实我们调用函数的 ... -
javascript中的this
2012-11-16 15:33 659javascript中的this到底是什么呢? 一般来 ... -
javaScript NameSpace
2011-08-22 01:53 772命名空间,一看就知道主要目的是为了避免冲突。下面就来说一下 ... -
注册表单
2011-08-11 23:55 825<!DOCTYPE html PUBLIC " ... -
表单检验
2011-08-11 23:27 815<!DOCTYPE html PUBLIC " ... -
增加文件
2011-08-10 22:11 765<!DOCTYPE html PUBLIC " ... -
二级级联下拉菜单
2011-08-10 21:57 631<!DOCTYPE html PUBLIC " ... -
示例思路
2011-08-10 21:31 895<!-- DOM编程: 1, ... -
浮动的广告代码
2011-08-10 20:07 735<!DOCTYPE html PUBLIC " ... -
DHTML编程的一般过程
2011-08-10 19:08 748<!DOCTYPE html PUBLIC " ... -
下拉列表框onchange事件
2011-08-10 18:49 2052<!DOCTYPE html PUBLIC " ... -
checkBox全选实现
2011-08-10 18:41 682<!DOCTYPE html PUBLIC " ... -
每行间隔显示颜色
2011-08-10 18:33 875<!DOCTYPE html PUBLIC " ... -
排序表格内容
2011-08-10 18:25 963<!DOCTYPE html PUBLIC " ... -
列表收缩
2011-08-10 12:20 761<!DOCTYPE html PUBLIC &qu ... -
动态创建表格,删除行列
2011-08-10 12:18 818<!DOCTYPE html PUBLIC &qu ... -
DOM简介
2011-08-07 12:55 654DOM(document Object model)文档对象模 ... -
javascript简介
2011-08-06 23:15 721JavaScript 概述 JavaScript是 ... -
CSS简介
2011-08-05 23:57 859CSS介绍 CSS是层叠样式表(Cascading Styl ... -
HTML
2011-08-05 17:46 780html:超文本标记语言。 html语言中是由标签组成的。 ...
相关推荐
jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。
静态图通过jquery实现全选反选取消删除功能。
全选反选源代码
JS简单表格列表全选反选代码.zip
DataGridView表头添加checkbox实现全选反选
android checkbox全选反选
jquery全选反选插件
JS实现全选反选全不选
jquery实现全选反选全不选案例,在入场网页开发中实现。
Javascript实现全选反选 Javascript绑定事件
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
SSH 全选反选批量删除案例,整合了mysql数据库,实现了当前在网上看到的给中全反选 分页功能
用js书写全选反选的事例,简单明了,源代码,方便易学,可直接引用
Android 全选反选对话框
实现table表格checkbox复选框的全选 反选.
JS JS实现全选反选 全选 反选
js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能
jquery 、js实现复选框 (全选、反选)功能··