首页 考试吧论坛 Exam8视线 考试商城 网络课程 模拟考试 考友录 实用文档 求职招聘 论文下载
2011中考 | 2011高考 | 2012考研 | 考研培训 | 在职研 | 自学考试 | 成人高考 | 法律硕士 | MBA考试
MPA考试 | 中科院
四六级 | 职称英语 | 商务英语 | 公共英语 | 托福 | 雅思 | 专四专八 | 口译笔译 | 博思 | GRE GMAT
新概念英语 | 成人英语三级 | 申硕英语 | 攻硕英语 | 职称日语 | 日语学习 | 法语 | 德语 | 韩语
计算机等级考试 | 软件水平考试 | 职称计算机 | 微软认证 | 思科认证 | Oracle认证 | Linux认证
华为认证 | Java认证
公务员 | 报关员 | 银行从业资格 | 证券从业资格 | 期货从业资格 | 司法考试 | 法律顾问 | 导游资格
报检员 | 教师资格 | 社会工作者 | 外销员 | 国际商务师 | 跟单员 | 单证员 | 物流师 | 价格鉴证师
人力资源 | 管理咨询师考试 | 秘书资格 | 心理咨询师考试 | 出版专业资格 | 广告师职业水平
驾驶员 | 网络编辑
卫生资格 | 执业医师 | 执业药师 | 执业护士
会计从业资格考试会计证) | 经济师 | 会计职称 | 注册会计师 | 审计师 | 注册税务师
注册资产评估师 | 高级会计师 | ACCA | 统计师 | 精算师 | 理财规划师 | 国际内审师
一级建造师 | 二级建造师 | 造价工程师 | 造价员 | 咨询工程师 | 监理工程师 | 安全工程师
质量工程师 | 物业管理师 | 招标师 | 结构工程师 | 建筑师 | 房地产估价师 | 土地估价师 | 岩土师
设备监理师 | 房地产经纪人 | 投资项目管理师 | 土地登记代理人 | 环境影响评价师 | 环保工程师
城市规划师 | 公路监理师 | 公路造价师 | 安全评价师 | 电气工程师 | 注册测绘师 | 注册计量师
缤纷校园 | 实用文档 | 英语学习 | 作文大全 | 求职招聘 | 论文下载 | 访谈 | 游戏
您现在的位置: 考试吧(Exam8.com) > 计算机等级考试 > 计算机二级 > JAVA > 复习资料 > 正文

Checkbox实现限选N个后其它禁用效果操作实例

来源:考试吧Exam8.com) 2009-3-12 15:36:23 考试吧:中国教育培训第一门户 模拟考场

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>Checkbox 实现限选N个后其它禁用效果</title>
  <script language="javascript">
  function Count_selected(){
  n=0;
  //开始检测已选中的CheckBox数量
  for (i=1;i<=10;i++){ //此处数字10为所有CheckBox数量
  obj=document.getElementById("vote_"+i);
  if (obj.checked){
  n=n+1
  }
  }
  //如果超过3个,则未选中的禁用
  if (n>=3){
  for (i=1;i<=10;i++){
  obj2=document.getElementById("vote_"+i);
  if (!obj2.checked){
  obj2.disabled=true;
  }
  }
  }
  //如果不超过三个,所有CheckBox可用
  else{
  for (i=1;i<=10;i++){
  obj2=document.getElementById("vote_"+i);
  obj2.disabled=false;
  }
  }
  }
  </script>
  </head>
  <body>
  <label><input name="vote" type="checkbox" id="vote_1" value="a" onclick="Count_selected()" />百度</label><br/>
  <label><input name="vote" type="checkbox" id="vote_2" value="b" onclick="Count_selected()" />Google</label><br/>
  <label><input name="vote" type="checkbox" id="vote_3" value="c" onclick="Count_selected()" />Yahoo</label><br/>
  <label><input name="vote" type="checkbox" id="vote_4" value="d" onclick="Count_selected()" />网易</label><br/>
  <label><input name="vote" type="checkbox" id="vote_5" value="e" onclick="Count_selected()" />搜狐</label><br/>
  <label><input name="vote" type="checkbox" id="vote_6" value="f" onclick="Count_selected()" />TOM</label><br/>
  <label><input name="vote" type="checkbox" id="vote_7" value="g" onclick="Count_selected()" />新浪</label><br/>
  <label><input name="vote" type="checkbox" id="vote_8" value="h" onclick="Count_selected()" />CCTV</label><br/>
  <label><input name="vote" type="checkbox" id="vote_9" value="i" onclick="Count_selected()" />凤凰网</label><br/>
  <label><input name="vote" type="checkbox" id="vote_10" value="j" onclick="Count_selected()" />淘宝</label><br/>
  </body>
  </html>

  相关推荐:全国计算机等级考试将于3月28日至4月1日举行
       2009年全国计算机等级考试各科目考试大纲
       2009上半年计算机等级考试各地报名时间汇总
文章搜索
版权声明:如果计算机等级考试网所转载内容不慎侵犯了您的权益,请与我们联系800@exam8.com,我们将会及时处理。如转载本计算机等级考试网内容,请注明出处。