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); 
    }) 
    }) 

  • 相关阅读:
    HDFS under replicated blocks
    docker-compose
    shell $* 和$@ 的区别以及运算操作
    ajax与文件上传
    Django之模型层(多表操作)
    Django之模型层(单表操作)
    Django之模板层
    Django之视图层
    Django之路由层
    Django之web应用、http协议和django简介
  • 原文地址:https://www.cnblogs.com/phpben/p/6025514.html
Copyright © 2011-2022 走看看