zoukankan      html  css  js  c++  java
  • (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>
  • 相关阅读:
    【noip2014】解方程
    2013南大专业课试题答案
    如何计算多边形面积
    坐标转换成点
    几何对象和空间参考
    StoryBoard(动画故事版)
    五种画刷
    SL的六种变换
    SL中MediaElement(视频播放)
    SL的四种样式
  • 原文地址:https://www.cnblogs.com/prefectjava/p/9126160.html
Copyright © 2011-2022 走看看