wh5231

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

<!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>
<script type="text/javascript" src="jquery-1.8.1.js" ></script>
<script>
var selallflag=false;    
jQuery('#selectallbox').live('change',function(){  
    selallflag=!selallflag;  
    jQuery('input[name="selcurrbox"]').attr('checked',selallflag);     
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全选/取消全选</title>
</head>

<body>
    <table border="1">  
    <tr id="rowheader"><td><input type="checkbox" id="selectallbox" title="全选"/></td><td>工号</td><td>姓名</td></tr>  
    <tr id="row1"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>04568</td><td>ABC</td></tr>  
    <tr id="row2"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>02755</td><td>张三</td></tr>  
    <tr id="row3"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李四</td></tr>  
    <tr id="row4"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李华</td></tr>  
    <tr id="row5"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>01234</td><td>DDD</td></tr>  
    <tr id="row6"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>02755</td><td>张三</td></tr>  
    <tr id="row7"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李四</td></tr>  
    <tr id="row8"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李华</td></tr>  
    </table>  
</body>
</html>

posted on 2012-11-22 10:41  wh5231  阅读(164)  评论(0)    收藏  举报