最近在做项目的时候,客户要求表格里的数据可以拖选,于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取,全选、反选、清除,在数据表格内拖拉出的矩形范围的单元格数据全选。
PS:
1.如果数据单元格没有数据,请将ID设为空或去掉ID,样式为"inactive".则选择时会跳过此单元格。
2.如果不想某个单元格被选,请将class设为“bg_green”,则选择时会跳过此单元格。
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
|
![]() |
|
| 网站制作首页 | 网站制作技术 | Dreamweaver教程 | FrontPage教程 | Golive教程 | Flash教程 | JavaScript教程 | CSS教程 | web标准 | HTML教程 | VBScript教程 | XHTML教程 | AJAX教程 | 网页制作技巧 | 推广宣传 | 搜索引擎优化SEO | 网站视觉 | 免费资源 | 其它 | 建站指南 | 分类 | 专题 | 留言本 | 投稿 | 搜索 |
最近在做项目的时候,客户要求表格里的数据可以拖选,于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取,全选、反选、清除,在数据表格内拖拉出的矩形范围的单元格数据全选。
PS:
1.如果数据单元格没有数据,请将ID设为空或去掉ID,样式为"inactive".则选择时会跳过此单元格。
2.如果不想某个单元格被选,请将class设为“bg_green”,则选择时会跳过此单元格。
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]