jquery实现全选和全不选功能效果的实现代码【推荐】
2016-05-05 16:58
741 查看
网上好多代码都是错的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery实现全选和全不选功能效果的实现代码【推荐】</title> </head> <script src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#checkedAll").click(function () { //alert("aa"); if ($(this).attr("checked")) { // 全选 $("input[name='checkbox_name']").each(function () { $(this).attr("checked", true); }); } else { // 取消全选 $("input[name='checkbox_name']").each(function () { $(this).attr("checked", false); }); } }); }); </script> <body> <input type="checkbox" name="checkbox_name" id="checkbox_name_1" />1<br /> <input type="checkbox" name="checkbox_name" id="checkbox_name_2" />2<br /> <input type="checkbox" name="checkbox_name" id="checkbox_name_3" />3<br /> <input type="checkbox" name="checkbox_name" id="checkbox_name_4" />4<br /> <input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选 </body> </html>
以上这篇jquery实现全选和全不选功能效果的实现代码【推荐】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码