checkbox 全选和取消全选

wangyu

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

最近访客更多访客>>

akingde

小强199184

dondavid

laughing_yang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

HTML

<html>   
<head>   
  
<SCRIPT LANGUAGE="JavaScript">   
function checkAll(e,itemName){    //全选函数 e为全选对象,itemName 为子name   
 var aa=document.getElementsByName(itemName);   
 for(var i=0;i<aa.length;i++){   
  aa[i].checked=e.checked;   
 }   
}   
  
function checkItem(e,allName){   //当选取或取消选取没一个复选框时调用的函数    
 var all=document.getElementById(allName); //全选框对象   
 if(!e.checked){      //如果是取消选取那么全选框就取消选取   
  all.checked=false;   
 }   
 else{                 //如果是选取，就要判断其他是否都已经全部选取了   
  var aa=document.getElementsByName(e.name);   
  for(var i=0;i<aa.length;i++){   
   if(!aa[i].checked){//如果有一个没有选上，那么就返回   
    return;   
   }   
  }   
  all.checked=true;//如果其他都选上了，全选框就要选上   
 }   
}   
</script>   
<head>   
<body>   
 <div id='container'>   
      <table border=1 id='table1'>   
        <tr>   
            <th class='td1'><input type=checkbox id='selectAll' onclick='checkAll(this,"cb");'><label for='selectAll'>全选</label></th>   
            <th>text</th>   
        </tr>   
           
        <tr>   
            <td class='td1'><input type=checkbox name='cb' onclick='checkItem(this,"selectAll");'></td>   
            <td class='center'>11111</td>   
        </tr>   
  
        <tr>   
            <td class='td1'><input type=checkbox name='cb'  
            onclick='checkItem(this,"selectAll");'></td>   
            <td class='center'>22222</td>   
        </tr>   
  
        <tr>   
            <td class='td1'><input type=checkbox name='cb'  
            onclick='checkItem(this,"selectAll");'></td>   
            <td class='center'>33333</td>   
        </tr>   
  
        <tr>   
            <td class='td1'><input type=checkbox name='cb'  
            onclick='checkItem(this,"selectAll");'></td>   
            <td class='center'>44444</td>   
        </tr>   
  
      </table>   
  
    </div>   
</body>   
</html>

分享到：

JQueryInplaceEdit | AJAX缓存

2009-02-14 22:33
浏览 1602
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

checkbox 全选和取消全选

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

checkbox 全选和取消全选

评论

发表评论

相关推荐

j托管JavaScript类库

javascript日期相减

做个在网页上实现像QQ一样当有新任务时声音提醒

多选列表值的移动和获取值

获得多项选择列表框的选中选项

JS获取表格单元格

获得select的option值

javaScript urlencode 推荐 encodeURICompon

javaScript UrlEncode and UrlDecode

这就是个静态页面通过js控制mscomm对某com设备进行访问的例子.

js调用ocx控件(读写IC卡)

转换Unicode (JS)

JS获取当前对象大小以及屏幕分辨率等

单选框控制表单的隐藏和显示

支持IE6、IE7的关闭页面的函数

获取各种浏览器可见窗口大小

JQueryInplaceEdit

JavaScript分割字符串

框架标签

XML+Javascript树状菜单

最近访客更多访客>>