首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
COOL而实用的动态效果
所属分类：
网络编程
/
JavaScript
阅读数： 1700
收藏 0
赞 0
分享
最近在做项目的时候，客户要求表格里的数据可以拖选，于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取，全选、反选、清除，在数据表格内拖拉出的矩形范围的单元格数据全选。
PS:
1.如果数据单元格没有数据，请将ID设为空或去掉ID，样式为"inactive".则选择时会跳过此单元格。
2.如果不想某个单元格被选，请将class设为“bg_green”,则选择时会跳过此单元格。
<P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>calendar</title></P> <P></head></P> <P><body><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr align="center" valign="middle" bgcolor="#99CCFF"> <td height="40" colspan="2"> <INPUT class=button type=submit value=" < " name=Submit3> 2006 <INPUT class=button type=submit value=" > " name=Submit4> </td></P> <P> </tr> <tr bgcolor="#0099CC"> <td height="25"> </td> <td height="25" align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="daysTitle" id="days"></P> <P> <tr align="center" valign="middle"> <td width="20" height="25">M</td> <td width="20" height="25">T</td> <td width="20" height="25">W</td></P> <P> <td width="20" height="25">T</td> <td width="20" height="25">F</td> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25" class="font_red" >S</td></P> <P> <td width="20" height="25">M</td> <td width="20" height="25">T</td> <td width="20" height="25">W</td> <td width="20" height="25">T</td></P> <P> <td width="20" height="25">F</td> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25">M</td></P> <P> <td width="20" height="25">T</td> <td width="20" height="25">W</td> <td width="20" height="25">T</td> <td width="20" height="25">F</td></P> <P> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25">M</td> <td width="20" height="25">T</td></P> <P> <td width="20" height="25">W</td> <td width="20" height="25">T</td> <td width="20" height="25">F</td> <td width="20" height="25" class="font_red" >S</td></P> <P> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25">M</td> <td width="20" height="25">T</td> <td width="20" height="25">W</td></P> <P> <td width="20" height="25">T</td> <td width="20" height="25">F</td> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25" class="font_red" >S</td></P> <P> <td width="20" height="25">M</td> <td width="20" height="25">T</td> <td width="20" height="25">W</td> <td width="20" height="25">T</td></P> <P> <td width="20" height="25">F</td> <td width="20" height="25" class="font_red" >S</td> <td width="20" height="25" class="font_red" >S</td> </tr></P> <P> </table> </td> </tr> <tr> <td width="60" align="left" valign="top" bgcolor="#0099CC"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="months" class="monthsTitle"></P> <P> <tr> <td height="25" align="center" valign="middle">Jan</td> </tr> <tr> <td height="25" align="center" valign="middle">Feb</td></P> <P> </tr> <tr> <td height="25" align="center" valign="middle">Mar</td> </tr> <tr></P> <P> <td height="25" align="center" valign="middle">Apr</td> </tr> <tr> <td height="25" align="center" valign="middle">May</td> </tr></P> <P> <tr> <td height="25" align="center" valign="middle">Jun</td> </tr> <tr> <td height="25" align="center" valign="middle">Jul</td></P> <P> </tr> <tr> <td height="25" align="center" valign="middle">Aug</td> </tr> <tr></P> <P> <td height="25" align="center" valign="middle">Sep</td> </tr> <tr> <td height="25" align="center" valign="middle">Oct</td> </tr></P> <P> <tr> <td height="25" align="center" valign="middle">Nov</td> </tr> <tr> <td height="25" align="center" valign="middle">Dec</td></P> <P> </tr></table></P> <P> </td> <td align="left" valign="top"><div id="dataTable" style="width:100%;"></div> </td></P> <P> </tr></table><table width="100%" height="40" border="0" cellpadding="0" cellspacing="0" bgcolor="#0099CC"> <tr> <td> </td> <td> </td></P> <P> <td width="500"><input name="Submit" type="button" class="button" onClick="selectAll(true)" value="Select All"> <input name="Submit" type="button" class="button" onClick="resetAll()" value="Reset All"> <input name="Submit" type="button" class="button" onClick="selectAll(false)" value="Reverse Select"></td> </tr></table></P> <P><div id="report" style="width:100%;height:200px;overflow:auto; background-color:#CCCCCC;word-break:break-all; white-space:normal;line-height:18px;"></div></body></html></P>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
解决Layui 表格自适应高度的问题
今天小编就为大家分享一篇解决Lyaui 表格自适应高度的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
laravel+vue组合的项目中引入ueditor方式(打包成组件形式)
今天小编就为大家分享一篇laravel+vue组合的项目中引入ueditor方式(打包成组件形式)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
JavaScript定时器常见用法实例分析
这篇文章主要介绍了JavaScript定时器常见用法,结合实例形式分析了JavaScript定时器常见功能、应用及相关操作技巧,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
NodeJs crypto加密制作token的实现代码
这篇文章主要介绍了NodeJs crypto加密制作token的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
Javascript 类型转换、封闭函数及常见内置对象操作示例
这篇文章主要介绍了Javascript 类型转换、封闭函数及常见内置对象操作,结合实例形式分析了JavaScript类型显示转换、隐式转换、变量作用域、封闭函数及常用内置对象相关操作技巧,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
详解Angular Karma测试的持续集成实践
这篇文章主要介绍了详解Angular Karma测试的持续集成实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
taro小程序添加骨架屏的实现代码
这篇文章主要介绍了taro小程序添加骨架屏的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
create-react-app中添加less支持的实现
这篇文章主要介绍了react.js create-react-app中添加less支持的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
微信小程序自定义头部导航栏(组件化)
这篇文章主要为大家详细介绍了微信小程序自定义头部导航栏，胶囊按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
在node环境下parse Smarty模板的使用示例代码
这篇文章主要介绍了在node环境下parse Smarty模板的使用示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
90后网络爆红美女卖"毒面膜" 年收入超七位数
怎么才能做好移动互联网营销？
Google
新手站长谈谈如何做好广告联盟
电脑系统下载类网站是怎么赚钱的？浅析电脑系统下载类网站的赚钱方式
冲刺双十一 如何做好淘宝双11期间的推广及运营
站长故事
更多
站长故事：一个80后妈妈的微商之旅
阿里会成为下一个谷歌？谁是Google真正的挑战者
某个人站长怎么用交友网站年赚80万的
PHPWind
做好网站维护 持续吸引用户浏览
为什么知乎做起来了？市场竞争的魅力和价值
