jquery实现全选功能效果的实现代码
更新时间：2016年05月05日 16:54:48 投稿：jingxian
下面小编就为大家带来一篇jquery实现全选功能效果的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
主要是模拟一些网页中的表格实现全选功能。
<form> 你爱好的运动是： <input type="checkbox" id="Check" value="全选/全不选"/>全选/全不选 <br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input type="checkbox" name="items" value="羽毛球" />羽毛球 <input type="checkbox" name="items" value="乒乓球" />乒乓球 </form>
当我们点击全选/全部不选按钮时，下面的checkbox执行相应的操作。
同时反过来，当全选时，下面任意一个checkbox未选中，则全选/全不选按钮也不会被选中。
$('[name=items]:checkbox').click(function () {
var p = $('[name=items]:checkbox');
if(p.filter(':checked').length==p.length)
{ //alert("Hello World");
$("#Check").attr("checked", true);
} else {
$("#Check").attr("checked", false);
}
});
以上这篇jquery实现全选功能效果的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
使用jquery读取html5 localstorage的值的方法
在HTML 5中，localstorage是个不错的东西，在支持localstorage的浏览器中， 能持久化用户表单的输入，即使关掉浏览器，下次重新打开浏览器访问，也能读出其值,很不错的一个东西，接下来实例介绍，需要的朋友可以参考下2013-01-01
这篇文章主要介绍了jQuery实现统计输入文字个数的方法,涉及jQuery操作鼠标事件及dom元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
关于JQuery上传插件Uploadify使用详解网上一大把，基本上内容都一样。我根据网上的步骤配置完成后，会报一些错误，而我根据这些错误去网上找解决方案，却没有相关资料，所以为了不让更多的朋友走弯路，我把我遇到的一些问题进行汇总，也方便我自己以后查阅。2010-04-04
这篇文章主要介绍了js+jquery实现图片裁剪功能的方法以及全部的示例代码，思路非常好，这里推荐给有需要的小伙伴。2015-01-01
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
本篇文章给大家介绍easyui datagrid 加载查询数据时，如果没有相关记录，则在datagrid中显示没有相关记录的提示信息，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-07-07
这篇文章主要介绍了通过jQuery的attr修改onclick值的解决方法 ,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jquery实现点击空白处隐藏元素div等方法和实现代码的讲解，一起学习下。2017-12-12
这篇文章主要介绍了jquery+ajax实现注册实时验证的方法,结合实例形式较为详细的分析了jQuery基于ajax请求实现注册时无刷新验证的相关技巧,需要的朋友可以参考下2015-12-12
jQuery 工具提示可以让网站上一些小的帮助信息显示更加直观，提升用户的体验。2011-05-05
这篇文章主要介绍了将jquery.qqFace.js表情转换成微信的字符码的方法，以及jquery.qqface.js的使用方法，需要的朋友可以参考下2017-12-12
最新评论