zoukankan html css js c++ java

全选，反选，全不选

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全选，反选，全不选</title>
<head></head>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript">
    $(function(){
        $("#CheckedAll").click(function(){
            if(this.checked){
                $('input[type=checkbox][name=items]').attr("checked",true);
            }else{
                $('input[type=checkbox][name=items]').attr("checked",false);
            }

        });
        $('input[type=checkbox][name=items]').click(function(){
            var flag=true;
            $('input[type=checkbox][name=items]').each(function(){
                if(!this.checked){
                    flag=false;
                }
            });
            if(flag){
                $('#CheckedAll').attr('checked',true);
            }else{
                $('#CheckedAll').attr('checked',false);
            }

        })
        $("#send").click(function(){
            var str = "你选中的爱好：
";
            $('input[type=checkbox][name=items]:checked').each(function(){
                str+=$(this).val()+'
';
            });
            alert(str);
        });
    });
</script>
<body>
 
<form>
   你爱好的运动是？<input type="checkbox" id="CheckedAll" />全选/全不选<br/>
    <input type="checkbox" name="items" value="足球"/>足球
    <input type="checkbox" name="items" value="篮球"/>篮球
    <input type="checkbox" name="items" value="羽毛球"/>羽毛球
    <input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/>
    <input type="button" id="send" value="提　交"/> 
</form>
 
</body>
</html>

查看全文

相关阅读:
Linux下用wget下载百度网盘资源
 android系统编译记录
 ubuntu 安装JDK & eclipse
Linux安全攻略-僵尸进程
 smack user登陆
 smack 创建账户
 我的第一个开源App（彩票开奖查询）
REST简介
 HTTP 状态码
 测试 ScribeFire Blog Editor

原文地址：https://www.cnblogs.com/yangml/p/3852819.html