专业编程基础技术教程

网站首页 > 基础教程 正文

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

ccvgpt 2025-03-05 13:55:45 基础教程 2 ℃

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>

Tags:

最近发表
标签列表