JQUERY复选框CHECKBOX全选,取消全选
JQUERY复选框CHECKBOX全选,取消全选
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(function(){$("#checkall").click(function(){$("input[@name='...

复制代码 代码如下:

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

}

}

);

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类