(2)Jquery1.8.3快速入门_checkbox全选取消部分选中

1. jquery示例功能：

checkbox多选框全选、全不选、选择部分、

源码 :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery 学习1</title>
<!--  导入jquery库 -->
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $("#all").click(function(){
        var flag = this.checked;
        $(":checkbox[name='items']").attr("checked",flag);
    });
    
    $(":checkbox[name='items']").click(function(){
        $("#all").attr("checked",
                $(":checkbox[name='items']").length==
                $(":checkbox[name='items']:checked").length)
    });
    
    
})


</script>


</head>
<body>
write less  do more;

<form method="post" action="">
 你喜欢的运动是什么？ <input type="checkbox" id="all">全选
 <br/>
  <input type="checkbox" name="items" value="football">足球
  <input type="checkbox" name="items" value="basketball">篮球
  <input type="checkbox" name="items" value="yumao">羽毛球
  <input type="checkbox" name="items" value="bingpang">乒乓球
  

</form>



</body>
</html>