Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 JQUERY复选框CHECKBOX全选,取消全选

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

发布时间:2013-04-28   编辑:www.jquerycn.cn
用JQUERY实现全选和取消全选,减少了我们写JS的麻烦,我们再也不用写那么多代码了,给大家分享两段代码,用JQUERY实现复选框的全选和取消全选.
jquery实现全选和取消全选,减少了我们写JS的麻烦,我们再也不用写那么多代码了,给大家分享两段代码,用JQUERY实现复选框的全选和取消全选.

复制代码 代码如下:

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

您可能感兴趣的文章:
JQuery对checkbox操作 (循环获取)
JQUERY复选框CHECKBOX全选,取消全选
jquery checkbox全选、取消全选实现代码
JQuery checkbox全选的小例子
jQuery判断checkbox(复选框)是否选中、全选、反选
jquery 判断checkbox(复选框)是否被选中
jquery checkbox复选框是否选中的检测代码
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
JQuery实现全选与反选的二种方法
JQUERY CHECKBOX全选,取消全选,反选方法三

[关闭]