用javascript选中所有的checkbox -

wing123

浏览: 799733 次
性别:
来自: 北京

最近访客更多访客>>

sagadan

lbyzx123

legend11

erroragain

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

用javascript选中所有的checkbox

博客分类：

javascript

JavaScript HTML

使用一个按钮选中所有的checkbox

<form   name=aa1   >   
      <p>   
        <input   type=checkbox   name="radiotex"   value="1">1   
      </p>     <p>   
          <input   type=checkbox   name="radiotex"   value="3">3   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="4">4   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="2">2   
      </p>   
    <input   type   =   button   value=SelectAll   onclick="SelectAll()"   
  </form>   
  <script>   
  checkit   =   true;   
  function   SelectAll()   
  {   
      aa   =   document.getElementsByName("radiotex");   
      if   (checkit)   
      {   
      for   (i=0;i<aa.length;i++)   
        aa.item(i).checked=true;   
        checkit   =   false;   
      }   
      else   
      {   
      for   (i=0;i<aa.length;i++)   
        aa.item(i).checked=false;   
        checkit   =   true;   
      }   
  }   
    
  </script>

使用一个按钮选中所有的checkbox 2

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script>
   function selectall()
   {
   var obj=document.all.b1;
   for(var i=0;i<obj.length;i++)
   {
  obj[i].checked=true;
   }
   }
   function cacelall()
   {
  var obj=document.all.b1;
   for(var i=0;i<obj.length;i++)
   {
  obj[i].checked=false;
   }
   }
  </script>
 </HEAD>

 <BODY>
  郭磊<input type="checkbox" checked="checked" name="b1"/>  常伟<input type="checkbox" checked="checked" name="b1"/>  杨怀颖<input type="checkbox" name="b1"/> 
<input type="button" value="全部选中" onclick="selectall();"/>  <input type="button" value="全部取消" onclick="cacelall();"/> 
 </BODY>
</HTML>

使用一个checkbox选中其他的checkbox

<html>   
  <head>   
  <title></title>   
  </head>   
  <script   language="javascript">   
  function   chooseallcheckbox(checkcaption,checksel)   
  {   
      var   checkselelement=document.all(checksel);   
      var   checkcaptionelement=document.all(checkcaption,0);   
      if   (checkcaptionelement.checked){   
        for   (i=0;i<checkselelement.length;i++)   
        {checkselelement[i].checked   =   true;}   
      }   
      else   
  {   
    
        for   (i=0;i<checkselelement.length;i++)   
        {checkselelement[i].checked   =   false;}   
  }   
  }   
  </script>   
  <body>   
  <form   name=aa1   >   
      <p>   
          <input   type=checkbox   name="checkcaption"   value="1"   onClick="chooseallcheckbox('checkcaption','radiotex');">   
      </p>     <p>   
          <input   type=checkbox   name="radiotex"   value="1">1   
      </p>     <p>   
          <input   type=checkbox   name="radiotex"   value="3">3   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="4">4   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="2">2   
      </p>   
      
  </form>   
  </body>   
  </html>

分享到：

javascript判断一个变量是否为undefined | MyEclipse代码格式设置

2009-06-21 09:34
浏览 8397
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

用javascript选中所有的checkbox

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

用javascript选中所有的checkbox

评论

发表评论

相关推荐

常用表单验证正则表达式

取得当前节点下第一个元素的文本内容

JS刷新父窗口的几种方式

jquery 设置select初始值

loaction.reload()方法，页面缓存问题

js 日期转为yyyy-MM-dd格式的字符串

window.opener.location.reload() and href()的区别

js校验邮箱

a标签中定义onclick方法后，链接不起效

IE6中列表挡住div的解决

JavaScript IE打印接口带自动分页

JavaScript出生日期的验证

javascript中String 对象属性和方法

从身份证中自动提取出生日期、年龄、性别

在javascript里 string 和 int 类型得相互转换

js 动态显示时间

javascript验证身份证

TextRange对象

javascript中createTextRange用法(focus)

location的各个属性

最近访客更多访客>>