jquery checkbox全选、取消全选实现代码

李李李李大先生

李李李李大先生

2016-02-19 13:53

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的jquery checkbox全选、取消全选实现代码,过去的都会过去,迎接崭新的开始,释放更美好的自己。

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"/script
input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ /1br / input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ /2br /
input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ /3br /
input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ /4br /
input type=”checkbox” name=”checkedAll” id=”checkedAll”/全选/取消全选
script type="text/javascript"!--
$(function() {
$("#checkedAll").click(function() {
if ($(this).attr("checked") == true) { // 全选
$("input[name='checkbox_name[]']").each(function() {
$(this).attr("checked", true);
});
} else { // 取消全选
$("input[name='checkbox_name[]']").each(function() {
$(this).attr("checked", false);
});
}
});
});
// --
/script

展开更多 50%)
分享

猜你喜欢

jQuery checkbox全选/取消全选实现代码

Web开发
jQuery checkbox全选/取消全选实现代码

jquery checkbox全选、取消全选实现代码

Web开发
jquery checkbox全选、取消全选实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

checkbox全选/取消全选以及checkbox遍历jQuery实现代码

Web开发
checkbox全选/取消全选以及checkbox遍历jQuery实现代码

JQUERY复选框CHECKBOX全选,取消全选

Web开发
JQUERY复选框CHECKBOX全选,取消全选

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JQUERY CHECKBOX全选,取消全选,反选方法三

Web开发
JQUERY CHECKBOX全选,取消全选,反选方法三

CheckBox 如何实现全选?

Web开发
CheckBox 如何实现全选?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JQuery 操作Javascript对象和数组的工具函数小结

JQuery 操作Javascript对象和数组的工具函数小结

Oracle监听器服务不能启动的7步解决法

Oracle监听器服务不能启动的7步解决法
下拉加载更多内容 ↓