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

316 阅读 0 评论 209 点赞

我是靠谱客的博主痴情眼睛，这篇文章主要介绍jquery checkbox全选、取消全选实现代码，现在分享给大家，希望可以做个参考。

复制代码代码如下:

<script src="http://img.uoften.com/jslib/jquery/jquery-1.3.2.min.js"></script> 
<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”/>全选/取消全选 
<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> 