• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery全选checkBox功能实现代码(取消全选功能)

jquery全选checkBox功能实现代码(取消全选功能)

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了jquery全选checkBox等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

 

     $("#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>

</HEAD>

<BODY>
<form name="form1" method="post" action="">
  <input type="checkbox" id="all" name="all">
  <input type="button" id="btn1" value="全选">
  <input type="button" id="btn2" value="取消全选">
   <input type="button" id="btn3" value="选中所有奇数">
  <input type="button" id="btn4" value="反选">
  <input type="button" id="btn5" value="获得选中的所有值">
   <br>
  <input type="checkbox" name="checkbox" value="checkbox1">
  checkbox1
   <input type="checkbox" name="checkbox" value="checkbox2">
 checkbox2
   <input type="checkbox" name="checkbox" value="checkbox3">
  checkbox3
   <input type="checkbox" name="checkbox" value="checkbox4">
   checkbox4
  <input type="checkbox" name="checkbox" value="checkbox5">
   checkbox5
   <input type="checkbox" name="checkbox" value="checkbox6">
   checkbox6
  <input type="checkbox" name="checkbox" value="checkbox7">
  checkbox7
   <input type="checkbox" name="checkbox" value="checkbox8">
 checkbox8
 </form>

 </BODY>
</HTML>
 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • jQ处理xml文件和xml字符串的方法(详解)
  • jQuery浏览器CSS3特写兼容实例
  • jQuery源码分析之Callbacks详解
  • jquery实现智能感知连接外网搜索
  • jQuery基于扩展实现的倒计时效果
  • jQuery菜单插件用法实例
  • jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
  • jQuery实现复制到粘贴板功能
  • jquery按回车提交数据的代码示例
  • jQuery实现无限往下滚动效果代码

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 基于Jquery实现表格动态分页实现代码
    • jQuery实现的网格线绘制方法
    • jQuery中多个元素的Hover事件解决方案
    • jQuery深拷贝Json对象简单示例
    • Jquery的hide及toggle方法让超链接慢慢消失
    • jQuery加载及解析XML文件的方法实例分析
    • jquery eval解析JSON中的注意点介绍
    • jquery动态加载js/css文件方法(自写小函数)
    • JQuery contains的选择器
    • 关于event.cancelBubble和event.stopPropagation()的区别介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有