javascript实现点击鼠标右键全选表格行的所有checkbox
2011-03-26 22:12
786 查看
为了方便用户操作,提高用户体验,今天做了个小小的功能,就是实现点击鼠标右键全选<tr></tr>内部的所有的checkbox,再点击取消全选。感觉这还是比较常用的方法,所以贴出来晒晒。
调用方法:
//将鼠标右击行的所有checkbox全选/全不选 function RightButtonChick(obj){ if(event.button==2){ var para = document.getElementById(obj.id).getElementsByTagName("INPUT"); if(typeof(obj.allchecked)=="undefined") { obj.allchecked=false; } for(i=0;i<para.length;i++) { if(para[i].type=='checkbox') { para[i].checked=!obj.allchecked; } } obj.allchecked=!obj.allchecked; } } //不让右键菜单弹出 Ext.getDoc().on("contextmenu", function(e){ e.stopEvent(); });
调用方法:
<tr id="abc" onmousedown="RightbuttonClick(this)"> <td><input type="checkbox" name="benke">本科</input></td> <td><input type="checkbox" name="yanjiusheng">研究生</input></td> <td><input type="checkbox" name="boshi">博士</input></td> </tr>
相关文章推荐
- 选中表格中相应行的复选框,点击下面的“删除”按钮可以删除相应的行,选中下面的"全选"复选框,则所有行的复选框全部选中,取消则全部取消。 鼠标移动到封面上在旁边显示大图,鼠标移开,大图消失
- jquery结合javascript实现无限级checkbox的全选与取消
- contextmenu用法-实现鼠标右键点击菜单功能
- 点击鼠标右键..想实现图片保存和文字的复制
- JavaScript实现DataGrid中添加CheckBox列(全选与否)
- JavaScript实现禁用键盘和鼠标的点击事件
- ASP.NET2.0下利用javascript实现TreeView中的checkbox全选!
- javascript实现datagrid客户端checkbox列的全选,反选
- javascript实现可全选、反选及删除表格的方法
- 各位大虾请帮忙 如何实现用鼠标点击datagrid的某一行然后用js获得选中行的所有值
- 实现列表CheckBox全选的Javascript
- ASP.NET2.0下利用javascript实现TreeView中的checkbox全选
- jquery实现全选、反选、获得所有选中的checkbox
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- javascript 实现 全选全消容器内的checkbox 通用函数
- JavaScript实现鼠标点击后层展开效果的方法
- javascript实现datagrid客户端checkbox列的全选,反选
- 实现checkbox全选、反选、取消JavaScript小脚本异常
- javascript实现datagrid客户端checkbox列的全选,反选
- Javascript实现CheckBox的全选与取消全选的代码