`
withsoftware
  • 浏览: 5977 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
最近访客 更多访客>>
社区版块
存档分类
最新评论

Js 控制checkbox的全选/全不选

阅读更多
<script type="text/javascript">
    function checkAll() {

        var code_Values = document.getElementsByTagName("input");

        for (i = 0; i < code_Values.length; i++) {

            if (code_Values[i].type == "checkbox") {

                code_Values[i].checked = true;

            }

        }

    }

    function uncheckAll() {

        var code_Values = document.getElementsByTagName("input");

        for (i = 0; i < code_Values.length; i++) {

            if (code_Values[i].type == "checkbox") {

                code_Values[i].checked = false;

            }

        }

    }
</script>

JSP页面中:
<td><a> onclick="checkAll('check');">全选</a></td>
分享到:
评论

相关推荐

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

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

    javascript复选框实现批量选择

    2. 在列表下方放置一个“全选/全不选”复选框,当选中“全选/全不选”复选框后,列表中的所有复选框都选中,当取消“全选/全不选”复选框后,列表中的所有复选框都取消选中。 3. 当列表中的复选框都取消选中后,...

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

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

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

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

    原生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. 功能概述 本功能的目标是实现一个...

    JQ checkbox 全选和全不选

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

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

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

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

    在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

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

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

    javascript实现全选全不选

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

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

    首先,HTML部分,我们需要定义一组`checkBox`,并添加一个特殊的`checkBox`作为全选/全不选的控制按钮: ```html &lt;input type="checkbox" id="selectAll"&gt; 全选 &lt;input type="checkbox" name="items" value="1"&gt; ...

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

    如果有多个全选/反选控制,可以使用事件委托,减少事件绑定的数量: ```javascript $(document.body).on('click', '.select-group', function() { var checkboxes = $(this).data('checkboxes'); checkboxes....

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

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

    SimpleTree扩展:支持checkbox节点选择(半选、全选、不选)

    在这个特定的主题中,我们关注的是SimpleTree的一个扩展,即对checkbox节点的支持,这允许用户进行半选、全选或不选的操作。 在Web开发中,树形结构常用于展现层次化的信息,如文件系统、组织架构或者菜单导航。...

    GridView 第一列CheckBox全选!postBack和JS方式

    对于客户端操作,我们可以通过JavaScript来实现全选/全不选的功能,这样可以减少服务器的交互,提高用户体验。首先,在HTML中添加全选CheckBox,并为其绑定`onclick`事件: ```html &lt;input type="checkbox" id=...

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

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

Global site tag (gtag.js) - Google Analytics