`
ihyperwin
  • 浏览: 436011 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jquery实现 全选

 
阅读更多
       $(function(){
                  
        $("#titleCheckbox").click(function () { 
            if( $("#titleCheckbox").attr("checked")==true){
                $("input[name='myCheckbox']").attr("checked", true);
            }else{
                $("input[name='myCheckbox']").attr("checked", false);
            }
       
        });    
     
      
     
       $("input[name='myCheckbox']").bind("click", function () {
            
           var  check_flag=true;
          $("input[name='myCheckbox']").each(function(){

               if($(this).attr("checked")==false){
                  $("#titleCheckbox").attr("checked", false);
                  check_flag=false;
                  return false; //跳出each循环
               }
                 
          } );
         
         
          if(check_flag){
          $("#titleCheckbox").attr("checked", true);
          }
         
         
       });
     
                 
                       
       });
分享到:
评论

相关推荐

    Jquery实现全选和反选功能

    本教程将深入探讨如何使用jQuery实现全选和反选功能,这在多选列表或表格中非常常见,例如在批量处理数据时。 全选和反选功能的核心在于同步用户界面中的复选框状态。当用户点击一个主复选框(通常标记为“全选”)...

    jquery实现全选和反选小功能

    很好用的使用jquery来实现的通用的全选反选功能

    jquery 实现全选,全不选,反选,获取选中的值

    综上所述,使用 jQuery 实现全选、全不选、反选以及获取选中值的功能是相当直观和简单的。通过绑定事件处理器,我们可以轻松地响应用户的交互,动态地更新页面状态。结合 HTML 结构和适当的 CSS 样式,可以创建出...

    JQuery实现全选、全不选、反选功能

    JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时,页面中所有的复选框都应该为选中状态, 1.1、当再次点击'全选'按钮时,所有的复选框应该是非选中状态。 1.2、当点击子复选框时,'全选'按钮应该是非选中...

    js/jQuery实现全选效果

    以上就是使用JavaScript和jQuery实现全选效果的两种方法。这两种方法都能有效地提高用户体验,使得用户在处理大量可选项目时能更便捷地进行全选或反选操作。在实际开发中,可以根据项目的具体需求和性能考虑选择适合...

    JavaScript与JQuery实现全选例子

    下面是使用jQuery实现全选的示例代码: ```javascript $(document).ready(function () { $("#divAll").children("input").click(function () { $("#divOne").children("input").prop("checked", $(this).prop(...

    jquery实现全选反选功能

    jquery实现全选反选功能,代码可以直接使用,可应用于实际项目当中。

    js, jQuery实现全选、反选功能.docx

    总结来说,JavaScript和jQuery实现全选、反选功能的核心在于监听全选按钮和子复选框的点击事件,并根据当前选中状态来更新其他复选框的状态。JavaScript通过原生DOM操作,而jQuery则利用简洁的链式操作和事件处理,...

    【JavaScript源代码】jQuery实现全选按钮.docx

    ### 知识点详解:使用jQuery实现全选与反选功能 #### 一、背景介绍 在Web开发中,表单处理是非常常见的需求之一。尤其是对于包含多个复选框(checkbox)的表单来说,全选、全不选以及反选等功能能够极大地提升用户...

    用JQuery实现全选与取消的两种简单方法

    用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。 代码如下:”text/javascript”><!–$(function() { $(“#checkall”).click(function() { $(“input[@name=’checkname[]’]”).each...

    jQuery实现全选

    在 jQuery 中,我们可以通过获取复选框的选择状态,并将其设置为选中状态来实现全选。假设我们有一个 id 为 "selectAll" 的全选按钮和一组 class 为 "checkboxItem" 的复选框,可以使用以下代码: ```javascript $...

    jQuery实现全选、反选和不选功能的方法详解

    本文实例讲述了jQuery实现全选、反选和不选功能的方法。分享给大家供大家参考,具体如下: 适用于网页多选后需要进行批量操作的场景(如批量删除等)。如有问题希望大家可以指正。谢谢~~ HTML 我们的页面上有一个...

    用jquery实现全选,取消,反选等与否和拖拽

    在这个场景中,我们关注的是如何利用jQuery来实现全选、取消选择、反选的功能,以及如何实现元素的拖拽效果。以下是关于这些功能的详细解释: **全选、取消和反选功能**: 1. **全选**:这个功能允许用户一键选中...

    jquery实现全选、反选、获得所有选中的checkbox

    本文主要介绍如何使用jQuery来实现全选、反选和获取所有选中的checkbox的值。 1. 全选功能 全选功能涉及到选择页面上所有的checkbox,并将其checked属性设置为true。在jQuery中,可以通过选择器选中具有特定name...

    【JavaScript源代码】jQuery实现全选反选操作案例.docx

    在本篇文档中,我们将探讨如何使用jQuery库来实现全选和反选的功能。这个案例主要涉及HTML表格中的复选框以及与之相关的jQuery事件处理。以下是对代码的详细解析: 首先,HTML部分包含了表格结构,其中每个表格行`...

    jquery实现全选功能效果的实现代码

    使用jQuery实现全选功能是一种简便的方法,因为它可以很容易地处理DOM元素的动态操作和事件绑定。下面详细介绍如何使用jQuery实现全选功能。 首先,为了实现全选功能,通常需要设计一个全选复选框和一组需要被选择...

    jQuery制作全选CheckBox

    ### jQuery实现全选CheckBox功能详解 #### 背景与需求 在Web开发中,特别是在表单处理方面,经常会遇到需要实现多个复选框(CheckBox)的“全选”、“反选”等功能的需求。这样的功能不仅可以提升用户体验,还能...

    jquery实现全选、全不选以及单选功能

    本文将深入探讨使用jQuery实现全选、全不选以及单选功能的代码实现方法。首先,需要了解的是jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历和事件处理、动画和Ajax交互,使Web开发更为方便...

    jquery实现全选和全不选功能效果的实现代码【推荐】

    首先,文章标题中提到的“jquery实现全选和全不选功能效果的实现代码”暗示我们将要探讨的是如何通过jQuery这个流行的JavaScript库来控制复选框(checkbox)的选中状态。jQuery是一个快速、小巧且功能丰富的...

Global site tag (gtag.js) - Google Analytics