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>

查看全文

相关阅读:
视图、触发器、事务、存储过程、函数，流程控制
 权限管理，pymysql模块
 单表查询
 sql逻辑查询语句的执行顺序
 Mysql数据库基础知识
 库，表，记录的相关操作
 并发编程之IO模型
 并发编程之协程
 并发编程之多线程
 事件委托

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