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>
  • 相关阅读:
    c#反射动态创建窗体
    ImageSwitcher 图片切换器
    viewSwitcher 切换视图
    ratingBar 星级评分条
    seekBar拖动滑块
    pythonUDP发送结构体,对齐到C++结构体
    pyqt5界面
    progressbar
    SVN服务器搭建和使用(一)
    关于MBR、GPT以及BIOS引导模式区分
  • 原文地址:https://www.cnblogs.com/prefectjava/p/9126160.html
Copyright © 2011-2022 走看看