1. 首页
  2. 存储
  3. 其他
  4. 如何全选反选多个复选框

如何全选反选多个复选框

上传者: 2023-03-10 08:57:17上传 HTML文件 4.63KB 热度 9次

如果你在网页中需要勾选多个复选框,逐一勾选会很麻烦。这时候,你可以使用全选/反选功能来快捷地处理复选框。

你可以在需要全选/反选的复选框前加一个统一的“全选/反选”复选框,然后使用jQuery或纯JavaScript代码,实现一键全选/反选的功能。代码块如下(请使用Markdown格式):

// 全选/反选
$(document).on('click', '#select-all', function(){
  $('[type="checkbox"]').prop('checked', $(this).prop('checked'));
});
用户评论