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>


  • 相关阅读:
    Grid 网格布局
    final变量属性小记
    色温与光合作用
    自定义CheckBox
    关于final局部变量引用的研究
    面向空实现类继承
    Android tips tool 发现的性能问题(转载翻译)
    org.json与json-lib的区别(补充 FastJson)
    设计模式之禅——心得总结
    大学本科毕业论文——LanguageTool语法校正规则库的开发
  • 原文地址:https://www.cnblogs.com/gengaixue/p/2090680.html
Copyright © 2011-2022 走看看