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

260 阅读 0 评论 172 点赞

我是靠谱客的博主美丽台灯，最近开发中收集的这篇文章主要介绍JQUERY复选框CHECKBOX全选,取消全选，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<script type="text/javascript"> 
$(function() { 
$("#checkall").click(function() { 
$("input[@name='checkname[]']").each(function() { 
$(this).attr("checked", true); 
}); 
}); 
$("#delcheckall").click(function() { 
$("input[@name='checkname[]']").each(function() { 
$(this).attr("checked", false); 
}); 
}); 
}); 
</script> 

<input type='checkbox' id='id1' name='checkname[]' value='1' />value1 
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2 
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3 

<input type="button" id="checkall" name="checkall" value="全选" /> 
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" /> 

更加简单的一种:

复制代码代码如下:

$("#checkall").click( 
function(){ 
if(this.checked){ 
$("input[name='checkname']").each(function(){this.checked=true;}); 
}else{ 
$("input[name='checkname']").each(function(){this.checked=false;}); 
} 
} 
);