领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

jq实现全选,全取消,反选(jq实现复选框全选反选)

nixiaole 2025-03-19 00:52:36 知识剖析 3 ℃

Document

<script type="text/javascript" src="jquery.min.js"></script>







<script type="text/javascript">

$(function(){

//匹配第一个button

$(':button:eq(0)').click(function(){

//全部选中 checked=true,在前台就是表示选中

$(':checkbox').attr('checked',true);

});

//匹配第二个button

$(':button:eq(1)').click(function(){

//全部取消 checked=false,在前台就是表示未选中

$(':checkbox').attr('checked',false);

});

//匹配第三个button

$(':button:eq(2)').click(function(){

//查找每一个复选框,然后取相反

$(':checkbox').each(function(){

$(this).attr('checked',!$(this).attr('checked'));

});

});

})

</script>

Tags:

最近发表
标签列表