zoukankan      html  css  js  c++  java
  • jquery全选反选

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>用iQuery实现全选与反选</title>
    </head>
     <!--script src="1、jquery实现图片轮播示例/js/jquery-1.11.3/jquery.min.js"></script-->
     <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
     <script type="text/javascript">
       $(document).ready(function() {
           
         $("#checkedAll").click(function(){
             
              if($(this).attr("checked")){   //全选
              
                  $("input[name='checkbox_name']").each(function (){
                       $(this).attr("checked",true);
                      });
                  }
                else{   //取消全选
                    $("input[name='checkbox_name']").each(function (){
                    $(this).attr("checked",false); 
                });
                    
                    }
             }); 
    });
     </script>
    <body>
      <input type="checkbox" name="checkbox_name" id="checkbox_name_1"/>1<br/>
      <input type="checkbox" name="checkbox_name" id="checkbox_name_2"/>2<br/>
      <input type="checkbox" name="checkbox_name" id="checkbox_name_3"/>3<br/>
      <input type="checkbox" name="checkbox_name" id="checkbox_name_4"/>4<br/>
      <input type="checkbox" name="checkboxAll" id="checkedAll"/>全选/取消全选
    </body>
    </html>
  • 相关阅读:
    Java并发基础知识点总结
    Java中的可重入锁(2)
    Java中的可重入锁
    多线程的共享变量的内存不可见性
    JavaWeb 案例3— Cookie案例
    JavaWeb 案例2—response案例
    JavaWeb 之 三层架构(MVC架构):软件设计架构
    JavaWeb 之 备用9
    JavaWeb 之 备用6
    JavaWeb 之 备用7
  • 原文地址:https://www.cnblogs.com/sdya/p/9590256.html
Copyright © 2011-2022 走看看