您的位置:首页 > Web前端 > JavaScript

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript function input
相关文章推荐