第一步:在点击全选的checkbox的复选框 。给他一个click事件
第二步:需要给其他的checkbox复选框相同的class属性。
第三步:通过class属性来得到所有的复选框
第四步:通过for循环,得到每一个checkbox
第五步:给每一个checkbox的checked属性 设置成与现在状态相反的属性。
实例: $(document).ready(function(){
$('#selectAll').click(function(){
var a = $('.check');
for(var i=0;i<a.length;i++)
{
var e = a[i];
e.checked=!e.checked;
}
});
});
分享到:
相关推荐
jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;
复选框实现datagridview全选反选和全不选,datagridview换颜色(选中复选框之后)
NULL 博文链接:https://onestopweb.iteye.com/blog/2337148
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...
JQuery代码实现了TreeView控件中CheckBox的全选和全不选功能。参考了网络资料,增加了子节点选择 判断,当所有子节点没有全部被选时,使其父节点为没被选,否则,父节点为被选。
jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
JQuery实现checkbox的全选取消全选
本篇文章主要是对jquery实现checkbox全选全不选的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
废话不多说了,直接给大家贴代码了,具体代码如下所示: <...jQuery实现CheckBox全选、全不选</title> [removed][removed] [removed] $(function() { $(':checkbox').click(function(evt)
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1343416
ASP.NET Gridview checkbox全选与全不选实现代码,其实原理就是利用js来实现的,但需要简单的设置下回传。
本文主要向大家展示了一段使用jQuery实现checkbox全选的方法,以及编写此方法的背景和过程,非常详细,这里推荐给小伙伴们。
winform DataGridView表头带CheckBox全选;winform DataGridView表头带CheckBox全选
DevExpress 实现checkbox全选效果,内有主要代码,虽不能直接运行,但是都有详细的注释说明
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选代码如下: <%@ page language="java" ...