`

Jquery CheckBox全选方法

阅读更多
方法如下: 

function CheckAll(val) {
            $("input[name='chkJob']").each(function() {
                this.checked = val;
            });
            $("#chkAll").attr("checked", val);//设定全选按钮状态
        }

 

val 该参数传递的是全选按钮的选择状态 

name='chkJob' 这个为列表中的checkbox名称

chkAll 就为全选按钮名称

 

喜欢上了Jquery的简便、明了··· 

与用JavaScript写的比起来真的有点差距!

eg:

// 全选

function checkall() {

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

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

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

            all[i].checked = true;

        }

    }

}

// 反选

function checknull() {

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

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

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

            all[i].checked = false;

        }

    }

} 
分享到:
评论

相关推荐

    Jquery CheckBox全选方法代码附js checkbox全选反选代码

    在jQuery库的帮助下,这个任务变得非常简单和直观,正如标题“Jquery CheckBox全选方法代码附js checkbox全选反选代码”所示。这里我们将详细讲解如何使用jQuery实现全选和反选的功能,并对比JavaScript的实现方式。...

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

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

    jQuery实现checkbox全选的方法

    本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...

    jquery 一个checkbox控制全选与反选

    页面上通过一个checkbox实现全选与反选

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    CheckBox全选并删除

    在ASP.NET开发中,CheckBox控件常常用于实现用户界面中的多选功能,而"CheckBox全选并删除"这个主题涉及到两个关键操作:全选和删除。全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储...

    jquery实现checkbox全选、反选、全部选。精简写法

    jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...

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

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

    Jquery 实现checkbox全选方法

    ### jQuery实现checkbox全选方法知识点 #### 1. jQuery实现全选的基本思路 在Web开发中,checkbox是一种常见的表单元素,用于提供一个可以被选中或取消选中的选项。在实际应用中,有时需要实现全选和全不选的功能...

    jquery、js操作checkbox全选反选.docx

    ### jQuery与JavaScript操作Checkbox全选反选 #### 一、引言 在Web开发中,Checkbox(复选框)是一种非常常见的用户界面元素,用于收集用户的多选输入。尤其是在表单设计时,Checkbox的全选与反选功能极大地方便了...

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

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

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    jquery checkbox全选反选效果代码

    综上所述,文件内容主要涵盖了使用jQuery实现checkbox全选和反选功能的技术实现细节、HTML复选框的基本使用方法、快捷键Ctrl+A的使用场景和效果、引入外部JavaScript库的注意事项以及用户体验设计的重要方面。...

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

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现,然后遍历DataGridView的所有行,设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**:反选意味着取消所有已选中的项。这可以通过再次触发...

    jQuery制作全选CheckBox

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

    jQuery实现CheckBox全选、全不选功能

    废话不多说了,直接给大家贴代码了,具体代码如下所示: &lt;...jQuery实现CheckBox全选、全不选&lt;/title&gt; [removed][removed] [removed] $(function() { $(':checkbox').click(function(evt)

    jquery checkbox全选、取消全选实现代码

    ### jQuery 实现 Checkbox 全选与取消全选 在网页开发中,经常需要用到表单元素中的复选框(checkbox)来收集用户的选择信息。当页面中有多个复选框时,通常还需要提供“全选”和“取消全选”的功能,以便用户能够...

    JQUERY CHECKBOX全选,取消全选,反选方法三

    ### JQUERY CHECKBOX全选与取消全选 在JQUERY中实现CHECKBOX的全选和取消全选是前端开发中的基础操作,开发者通过绑定点击事件到一个全选复选框上,以控制其他所有复选框的选中状态。通常,全选操作会使所有复选框...

    JQuery实现checkbox的全选取消全选

    在IT领域,特别是前端开发中,使用jQuery来操作DOM元素是一种常见的实践,特别是在处理复选框(checkbox)的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能,通过分析给定代码片段,提炼出关键...

Global site tag (gtag.js) - Google Analytics