javascript实现点击鼠标右键全选表格行的所有checkbox

最新推荐文章于 2023-01-26 12:34:40 发布

原创最新推荐文章于 2023-01-26 12:34:40 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #input

这篇博客介绍了如何使用JavaScript实现一个功能，即当用户鼠标右键点击表格行时，自动全选或取消选中该行内的所有checkbox，以提升用户操作体验。通过定义函数RightButtonChick和阻止默认右键菜单弹出，实现了这一交互效果。

为了方便用户操作，提高用户体验，今天做了个小小的功能，就是实现点击鼠标右键全选<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(); });

调用方法：