• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: | 推荐给好友 上一篇 | 下一篇

checkbox的全选、全不选

发布: 2007-5-25 23:40 | 作者: 佚名 | 来源: 互连网 | 查看: 63次 | 进入软件测试论坛讨论

领测软件测试网

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=javascript>
<!-- 全选 -->
function selectall(v){
  var f = document.forms["resultlist"];
  for (i=0;i<f.elements.length;i++)
    if (f.elements[i].name=="userid") f.elements[i].checked = v;
  document.forms["resultlist"].elements["clickall"].checked = v;
  document.forms["resultlist"].elements["clickall2"].checked = v;
}


<!-- 改变选择列的颜色 -->
function changechecked(checkbut){
 var v =checkbut.checked;
 
 if (v) {
     checkbut.checked = true;
     if(isallselected()){
      document.forms["resultlist"].elements["clickall"].checked = true;
      document.forms["resultlist"].elements["clickall2"].checked = true;
     }
    }else{
     document.forms["resultlist"].elements["clickall"].checked = false;
     document.forms["resultlist"].elements["clickall2"].checked = false;
     checkbut.checked = false;
    }
}


<!-- 是否有选中? -->
function isselected(){
  var f = document.forms["resultlist"];
  for (i=0;i<f.elements.length;i++)
    if ((f.elements[i].name=="userid") && (f.elements[i].checked)) return true;
  return false;
}


<!--是否全部选中? -->
function isallselected(){
 var selectcount = 0;
 var allcount=0;
    var f = document.forms["resultlist"];
 for(i=0;i<f.elements.length;i++){
  if (f.elements[i].checked){
   selectcount = selectcount + 1;
  }
 }
 for(i=0;i<f.elements.length;i++){
  if ((f.elements[i].name.indexOf("select")>-1)){
   allcount = allcount+1;
  }
 }
 if(selectcount==allcount)
  return true;
 else
  return false;
}
</SCRIPT>


<FORM name=resultlist action=list method=post>
<INPUT onclick=selectall(this.checked) type=checkbox name=clickall>全选
<INPUT onclick=changechecked(this) type=checkbox value=on name=userid>
<INPUT onclick=changechecked(this) type=checkbox value=on name=userid>
<INPUT onclick=changechecked(this) type=checkbox value=on name=userid>
<INPUT onclick=changechecked(this) type=checkbox value=on name=userid></TD>
<INPUT onclick=selectall(this.checked) type=checkbox  name=clickall2>全选
</FORM>

延伸阅读

文章来源于领测软件测试网 https://www.ltesting.net/


关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备10010545号-5
技术支持和业务联系:info@testage.com.cn 电话:010-51297073

软件测试 | 领测国际ISTQBISTQB官网TMMiTMMi认证国际软件测试工程师认证领测软件测试网