• 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功能实现代码(取消全选功能)

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了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好友复制网址打印

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

相关文章

  • 2017-08-16基于jquery的网页SELECT下拉框美化代码
  • 2017-08-16jquery控制页面的展开和隐藏实现方法(推荐)
  • 2017-08-16jQuery中:last选择器用法实例
  • 2017-08-16Jquery之美中不足小结
  • 2017-08-16jQuery中:first-child选择器用法实例
  • 2017-08-16jQuery常见面试题之DOM操作详析
  • 2017-08-16JQuery实现鼠标移动图片显示描述层的方法
  • 2017-08-16jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
  • 2017-08-16基于JQuery的Pager分页器实现代码
  • 2017-08-16jQuery实现对象转为url参数的方法

文章分类

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

最近更新的内容

    • jQuery on()绑定动态元素出现的问题小结
    • 基于jQuery的消息提示插件 DivAlert之旅(二)
    • jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
    • 浅析onsubmit校验表单时利用ajax的return false无效问题
    • Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
    • jquery $.each() 使用小探
    • 用js实现的模拟jquery的animate自定义动画(2.5K)
    • jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
    • jQuery实现简单的日期输入格式化控件
    • 详解jQuery中的empty、remove和detach

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

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