`
hanjava
  • 浏览: 31219 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

checkbox全选/不全选功能实现

 
阅读更多
<script type="text/javascript">
var selectAllFlag = false;
/**全选功能*/
function checkAll(){
var optrid=document.optrform.optrID;
var l=optrid.length;
if(l==null) {
l=1;

if(l==1)
{  
if(!selectAllFlag){
optrid.checked=true;
selectAllFlag=true;
}else{
optrid.checked=false;
selectAllFlag=false;
}
}else{
for(i = 0; i < l; i++){
//第一种方法
//optrid[i].checked=window.event.srcElement.checked;
//第二种方法
if(!SelectAllFlag){
optrid[i].checked = true;
selectAllFlag=true;
}else{
optrid[i].checked = false;
selectAllFlag=false
}

}
}
</script>

//如果是只读的checkbox的操作如下:
for(i = 0; i < l; i++){
if((optrid[i].disabled)!=true){//如果不是只读的就选中checkbox
//通过单击的按钮判断是选中还是未选中
optrid[i].checked=window.event.srcElement.checked;
}
}
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics