• 如何利用jq来实现复选框的全选,反选!



    $("document").ready(function(){ 
    $("#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($(this).val()); 
    }) 
    alert(str); 
    }) 
    }) 
    $("document").ready(function(){ 
    $("#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($(this).val()); 
    }) 
    alert(str); 
    }) 
    }) 

  • 相关阅读:
    5.1重磅活动:区块链免费送书
    Java 9 被无情抛弃,Java 8 直接升级到 Java 10!!
    Linux负载均衡利器(LVS)
    豌豆荚Redis集群方案:Codis
    Spring Boot Redis Cluster实战
    高性能代理缓存服务器—Squid
    Facebook分布式框架—Thrift介绍。
    Java 高级面试知识点汇总!
    (4)设计模式-建造者模式
    (3)设计模式-单例模式
  • 原文地址:https://www.cnblogs.com/phpben/p/6025514.html
Copyright © 2020-2023  润新知