zoukankan      html  css  js  c++  java
  • 如何利用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); 
    }) 
    }) 

  • 相关阅读:
    Linux培训教程lgzip命令详解和使用实例
    Linux 新手应该知道的一些求助命令
    “变态教育创导者”兄弟连教育新三板挂牌上市
    linux中more命令如何使用
    html上标与下标应用
    linux命令大全之cal命令详解(显示日历)
    成为java高手的八大条件
    mysql 1055
    MySQL更改口令报错ERROR 1064
    centos7.5 安装mysql8.0
  • 原文地址:https://www.cnblogs.com/phpben/p/6025514.html
Copyright © 2011-2022 走看看