Jquery CheckBox全选方法代码附js checkbox全选反选代码
更新时间：2010年06月09日 09:51:00 作者：
喜欢上了Jquery的简便、明了···与用JavaScript写的比起来真的有点差距！
jquery方法如下：
function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//设定全选按钮状态
}
val 该参数传递的是全选按钮的选择状态
name='chkJob' 这个为列表中的checkbox名称
chkAll 就为全选按钮名称
喜欢上了Jquery的简便、明了···
与用JavaScript写的比起来真的有点差距！
eg：
javascript 全选反选代码
//全选
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = true;
}
}
}
//反选
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = false;
}
}
}
复制代码 代码如下:
function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//设定全选按钮状态
}
val 该参数传递的是全选按钮的选择状态
name='chkJob' 这个为列表中的checkbox名称
chkAll 就为全选按钮名称
喜欢上了Jquery的简便、明了···
与用JavaScript写的比起来真的有点差距！
eg：
javascript 全选反选代码
复制代码 代码如下:
//全选
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = true;
}
}
}
//反选
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = false;
}
}
}
您可能感兴趣的文章:
相关文章
下面小编就为大家分享一篇JQuery实现table中tr上移下移的示例(超简单)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了jQuery插件简单实现方法,以一个简单的样式添加功能为例分析了jquery插件的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
jQuery根据纬度经度查看地图处理程序如下在这里要注意js的引入顺序，有需求的朋友可以参考下哈希望对你有所帮助2013-05-05
这是Jq中最长的一个正则了，也研究了很久，一直很懵懂，感觉还是通过调试，然后一步一步的分析值理解起来比较容易2012-07-07
这篇文章主要介绍了jQuery中removeProp()方法用法,实例分析了removeProp()方法的功能、定义及删除由prop()方法设置的属性时的使用技巧,需要的朋友可以参考下2015-01-01
jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是laod()、$.get()和$.post()方法，第3层是$.getScript()和$.getJSON()方法。2009-10-10
本文主要介绍了jquery手势密码插件的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了jQuery结合CSS制作一个动态的下拉菜单，下拉菜单可以弥补空间的不足，感兴趣的小伙伴们可以参考一下2015-10-10
jQuery实现的表头固定效果实例【附完整demo源码下载】
这篇文章主要介绍了jQuery实现的表头固定效果,结合完整实例形式分析了jQuery基于插件实现的表头固定功能与用法,非常简单实用,需要的朋友可以参考下2016-08-08
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
很早之前用jquery调用带参数的WS返回XML格式数据的时候，传参的时候会出现错误。问了问度娘和谷哥，这娘儿俩一个德行，里面的多数帖子没什么意义，你粘我，我复制你2012-07-07
最新评论