zoukankan      html  css  js  c++  java
  • JQuery全选和反选

     <SCRIPT LANGUAGE="JavaScript">
    <!--
        $("document").ready(function(){
        
         $("#all").click(function(){  
        if(this.checked){  
            $("input[name='checkbox']").each(function(){this.checked=true;});
     $("#btn1").attr("value","反选");  
        }else{  
            $("input[name='checkbox']").each(function(){this.checked=false;});  
            $("#btn1").attr("value","全选");
        }  
     }); 

         $("#btn1").click(function(){
            
           $("[name='checkbox']").attr("checked",'true');//全选
         
         })
         $("#btn2").click(function(){
             
             $("[name='checkbox']").removeAttr("checked");//取消全选
         
        })
           $("#btn3").click(function(){
             
            $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
         
          })
           $("#btn4").click(function(){
             
             $("[name='checkbox']").each(function(){
                
               
                 if($(this).attr("checked"))
                {
                  $(this).removeAttr("checked");
                 
                }
               else
               {
                 $(this).attr("checked",'true');
                  
              }
             
             })
          
           })
            $("#btn5").click(function(){
          var str="";
              $("[name='checkbox']:checked").each(function(){
                 str+=$(this).val()+"\r\n";
             })
           alert(str);
        })
          })
     //-->
     </SCRIPT>


  • 相关阅读:
    Linux常用
    Netty实战八之引导
    Netty实战九之单元测试
    Netty实战七之EventLoop和线程模型
    作为团队技术负责人,我是这样面试前端的
    Netty实战六之ChannelHandler和ChannelPipeline
    Netty实战五之ByteBuf
    Netty实战四之传输
    Netty实战三之Netty的组件和设计
    Netty实战二之自己的Netty应用程序
  • 原文地址:https://www.cnblogs.com/gengaixue/p/2090680.html
Copyright © 2011-2022 走看看