jQuery如何实现input[type="checkbox"]全选和反选

2025年01月07日 建站教程

html开发中如何利用jQuery语法实现input[type="checkbox"]全选和反选,下面web建站小编给大家简单介绍一下!

具体实现代码:

//全选
$("#checkAll").click(function () {
  $('input[type="checkbox"]').prop('checked', this.checked);
});

//反选
$("#reverseSelect").click(function () {
  $('input[type="checkbox"]').each(function () {
    this.checked = !this.checked;
  });
});

PS:this.checked为当前数据的选中状态!

本文链接:http://so.lmcjl.com/news/20873/

展开阅读全文