jQuery实现checkBox全选全取消

<!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>
    
<title>jQuery实现checkbox全选全取消</title>
    
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    
<script type="text/javascript">
        
function selectAll(obj){
            
var b = $(obj).attr("checked");
            $(
"#boxes input").each(function(){
                $(
this).attr("checked",b);
            });
        }
    
</script>
</head>
<body>
    
<div><input id="Checkbox1" type="checkbox" onclick="selectAll(this);" />全选</div>
    
<div id="boxes">
        
<input id="Checkbox2" type="checkbox" />001<br />
        
<input id="Checkbox3" type="checkbox" />001<br />
        
<input id="Checkbox4" type="checkbox" />001<br />
    
</div>
</body>
</html>
posted @ 2009-11-19 15:02  大气象  阅读(854)  评论(9编辑  收藏  举报
http://www.tianqiweiqi.com