`
jeelee
  • 浏览: 637754 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS 实现checkbox全选/全不选

阅读更多
function SelectAll(tempControl)
{
  var theBox=tempControl;
  xState=theBox.checked;
  elem=theBox.form.elements;
  for(i=0;i<elem.length;i++)
  {
    if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
    {
      if(elem[i].checked!=xState && elem[i].name=="chkdel")
      {
        //elem[i].click();
      elem[i].checked = tempControl.checked ;
      }
    }
  }
}

在用的时候引用一下这个就可以了。(Onclick="javascript:SelectAll(this);" )
分享到:
评论

相关推荐

    利用jQuery实现CheckBox全选/全不选/反选的简单代码

    jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–&gt;测试通过,jquery-1.5.1.js–&gt;测试不通过。 实现CheckBox全选/全不选/反选代码如下: &lt;&#37;@ page language="java" ...

    javascript复选框实现批量选择

    实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后在列表下方放置一个“全选/全不选”复选框。 实现批量选择的思路是: 1. 在每条记录前面加一个复选框,该复选框的值为“id|...

    jquery实现checkbox 全选/全不选的通用写法

    总结来说,jQuery实现checkbox全选/全不选的通用写法主要包含以下步骤: 1. 使用jQuery选择器获取所有需要操作的复选框。 2. 遍历这些复选框,根据全选按钮的状态设置每个复选框的`checked`属性。 3. 提供一个辅助...

    原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)

    &lt;dd&gt;&lt;span&gt;2010-12-12&lt;/span&gt;&lt;input type="checkbox" name="jsitems" value="" /&gt;原生JS实现的全选/全不选,点行也可选中或取消&lt;/dd&gt; &lt;!-- 更多dd元素... --&gt; &lt;/dl&gt; &lt;/form&gt; ``` 接下来是原生JavaScript的核心...

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    "checkbox全选/取消全选以及checkbox遍历jQuery实现代码" CheckBox全选/取消全选是指在一个CheckBox组中,选择或取消选择所有CheckBox的功能。这种功能在实际应用中非常常见,例如在多选题中,用户可以选择所有选项...

    checkbox实现全选和反选经典例子

    - 集成Ajax,使得全选/反选操作无需刷新整个页面即可完成。 8. **测试和调试** 在开发过程中,确保对各种场景进行充分的测试,包括全选、反选、部分选中以及在数据动态加载或更新后的情况。 综上所述,"checkbox...

    js与jQuery实现checkbox复选框全选/全不选的方法

    本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...

    Js/Jquery 实现checkbox全选,反选,全不选

    在提供的文件“js实现checkbox全选,反选,全不选.htm”中,应当包含了上述功能的具体实现。通过查看源码,我们可以了解到实际的HTML结构以及jQuery脚本是如何与之配合的。这个文件可以作为一个示例,帮助我们更好地...

    javascript实现全选全不选

    首先,我们需要一个全局的复选框,作为全选/全不选的控制按钮。这个复选框的`id`可以设置为`selectAll`,并在`onclick`事件中绑定我们的处理函数。例如: ```html &lt;input type="checkbox" id="selectAll" onclick=...

    JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...

    JQ checkbox 全选和全不选

    然后,为需要全选/全不选的每个子复选框分配一个共同的类名,比如`.childCheckbox`。 ```html &lt;input type="checkbox" id="selectAll" /&gt; 全选 &lt;br/&gt; &lt;input type="checkbox" class="childCheckbox" /&gt; ...

    三种方式实现checkbox全选,反选

    以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在JavaScript中,可以通过获取全选按钮的`checked`属性来控制所有复选框的...

    js实现checkbox 全选和取消

    js实现checkbox 全选和取消 自己亲测可以使用

    jquery Checkbox 全选 反选 全不选 多种实现方法

    在涉及到表单元素如复选框(Checkbox)时,经常需要实现全选、反选和全不选的功能。下面将详细探讨 jQuery 如何实现这些功能,以及如何进行表单验证。 1. **全选功能** 要实现全选功能,首先我们需要一个主复选框...

    js控制复选框全选、全不选

    实现全选/全不选功能,通常会有一个主复选框,通常标记为“全选”或“全不选”,它的`id`可以是`selectAll`。当用户点击这个复选框时,我们需要遍历页面上所有的其他复选框,并改变它们的`checked`属性。 以下是一...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    接下来,我们使用JavaScript来实现全选/全不选的功能。这里我们绑定`click`事件到全选`checkBox`,当它被选中或取消选中时,遍历并改变所有其他`checkBox`的状态: ```javascript document.getElementById('select...

Global site tag (gtag.js) - Google Analytics