Jquery CheckBox全选方法代码附js checkbox全选反选代码

184 阅读 0 评论 122 点赞

我是靠谱客的博主可耐航空，最近开发中收集的这篇文章主要介绍Jquery CheckBox全选方法代码附js checkbox全选反选代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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; 
} 
} 
} 