`
ikecoolon
  • 浏览: 18197 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquery设置CheckBox一选全选

 
阅读更多

小得意了一把,自己写的,记一下,以后有用。

 

//一选全选
$("#roleListHeader").click(function(){
	//alert(this.checked);
	$("input[name='delroleList']").attr("checked",this.checked);
});

//所有子checkbox选中的时候,一选全选的checkbox自动选中,反之取消。
$("input[name='delroleList']:checkbox").click(function(){
    var $tmp = $("input[name='delroleList']:checkbox");
    //alert($tmp.length+"   "+$tmp.filter(':checked').length);
    //alert($tmp.length==$tmp.filter(':checked').length);
    $("#roleListHeader").attr("checked",$tmp.length==$tmp.filter(':checked').length);
});
 
分享到:
评论

相关推荐

    jQuery实现CheckBox控件CheckListBox全选功能

    C#.net下通jQuery实现的由CheckBox来控件CheckBoxList的全选操作,通过CheckBox来全选CheckBoxList,当有一个CheckBoxList选中时,CheckBox则被选中,且并且可以取得选中的CheckBox和CheckBoxList的value和text

    JQuery实现checkbox的全选取消全选

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

    jquery 一个checkbox控制全选与反选

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

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

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

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    jquery复选框全选操作

    首先,我们需要在HTML页面中设置一组复选框,通常我们会为这些复选框添加一个共同的类名或者数据属性,以便于jQuery进行选择和操作。例如: ```html <input type="checkbox" class="child-checkbox" value="1"> ...

    jquery实现checkbox的全选和全不选

    jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;

    jquery全选反选全不选案例

    "jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...

    jQuery实现checkbox全选的方法

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

    jQuery 实现checkbox的全选,全部选

    在本教程中,我们将探讨如何使用 jQuery 来实现复选框(checkbox)的全选和全不选功能。这在处理多选列表时非常实用,例如在用户界面中允许用户一次性选择或取消选择所有项目。 首先,我们需要理解 HTML 中的复选框...

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

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

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`<input>`标签定义,类型为...

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

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

    checkbox的全选与取消

    本文将深入探讨“复选框的全选与取消”这一主题,主要基于提供的HTML文件“checkbox.html”。全选和取消功能通常用于表格或者列表中,让用户能够便捷地操作大量选项。 首先,我们来看看复选框的基本结构。在HTML中...

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

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

    easyui checkbox +全选

    在需要显示复选框的地方,使用 `checkbox` 标签创建单个复选框,同时添加一个全选按钮,如: ```html <input id="selectAll" type="checkbox" onclick="toggleCheckboxes()" /> <input class="checkbox" ...

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

    在这段代码中,`#select-all` 是全选复选框的 ID,`input[type="checkbox"]` 选择所有的复选框,`this.checked` 获取当前全选复选框的状态,并将其设置为所有子复选框的选中状态。 2. **反选功能** 反选操作与...

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

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

    jQuery实现checkbox列表的全选、反选功能

    这个属性在全选复选框中被设置,并指向一个选择器,用于匹配所有需要被全选或反选的子复选框。通过这种方式,可以将数据与视图分离,使得JavaScript代码和HTML结构之间的耦合度降低,从而增强了代码的可维护性和可...

    jquery 复选框 全选,全不选

    本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中,复选框是一种常见的表单元素,用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...

Global site tag (gtag.js) - Google Analytics