美烦资源网

专注技术文章分享,涵盖编程教程、IT 资源与前沿资讯

jq实现全选,全取消,反选

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>

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言