Jquery实现checkbox全选/取消权限

版权声明:本文为博主原创文章,未经博主允许不得转载。

1.Jquery 版本问题 推荐使用1.8.1

<!DOCTYPE >
<html>
<head runat="server">
<title>jQuery实现CheckBox全选、全不选</title>
<script src="http://code.jquery.com/jquery-1.8.1.min.js" type="text/javascript"></script>    

<script type="text/javascript">
        $(function() {
           $("#checkAll").click(function() {
				console.log(this.checked);
                $('input[name="subBox"]').attr("checked",this.checked); 
            });
            var $subBox = $("input[name='subBox']");
			
            $subBox.click(function(){
                $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
            });
        });
    </script>
 
</head>
<body>
    <div>
        <input id="checkAll" type="checkbox" />全选
        <input name="subBox" type="checkbox" />项1
        <input name="subBox" type="checkbox" />项2
        <input name="subBox" type="checkbox" />项3
        <input name="subBox" type="checkbox" />项4
    </div>
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏kwcode

asp.net动态解析用户控件(UserControl)

模块化的时候需要用到: #region asp.net解析用户控件 /// <summary> /// asp....

389100
来自专栏菩提树下的杨过

Flash/Flex学习笔记(17):按键捕获

先来看简单的单个按键捕获: package { import flash.display.Sprite; import fl.controls.Label...

26490
来自专栏数据小魔方

可视化基础——字体篇

今天是2015的最后一天了,也是小魔方持续更新的第11天,感谢众多小伙伴们的支持和关注,预祝大家元旦快乐,新的一年一切都更美好!!! 之前两篇给大家分享了一些...

37780
来自专栏玩转JavaEE

Ajax上传图片以及上传之前先预览

手头上有几个小项目用到了easyUI,一开始决定使用easyUI就注定了项目整体上前后端分离,基本上所有的请求都采用Ajax来完成。在文件上传的时候用到了Aja...

60680
来自专栏WindCoder

Android学习笔记-控件初体验

python为自己自学的,现仍处于初级阶段,这学期开启的是javaEE和Android开发,所以今后可能会同时出现这些方面的总结内容。

8710
来自专栏谈补锅

浏览器音频兼容和ffmpeg的音频转码使用

1、百度搜索浏览器对于音频文件的兼容,排在前面的文章大部分是复制粘贴很久以前的文章,容易误导搜索资料的人,

30330
来自专栏AzMark

Python 学习之 Tkinter「上 」

20630
来自专栏葡萄城控件技术团队

MultiRow发现之旅(三)- 模板管理器和Table

前文回顾 MultiRow发现之旅(一)- 高效模板设计器 MultiRow发现之旅(二)- 详解属性管理器 模板管理器 当模板中Cell比较多的时候,你往...

213100
来自专栏hotqin888的专栏

小程序中搜索文件,阅览pdf,分享文件链接,评论表情符号

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

11410
来自专栏前端小叙

父组件中vuex方法更新state,子组件不能及时更新并渲染的解决方法

33340

扫码关注云+社区

领取腾讯云代金券