js实现checkbox的全选/取消

时间:2023-03-08 15:56:35

所有的操作都将使用jquery进行。

主要是为了实现指定内容的批量/单独删除操作。

先看一下页面的设计。

js实现checkbox的全选/取消

实现操作的主要地方是:

js实现checkbox的全选/取消

首先实现单击“标题”旁的checkbox实现所有条目的选择。

要点:jquery选择器

PHP代码如下:

js实现checkbox的全选/取消

将checkbox命名为“checkall”和“checklist”。届时,点击“checkall”时候

会通过选择器,将所有“checklist”选中,再进行“删除”。

实现全选/取消功能:

 $("#checkAll").click(function(){
if(this.checked){
$("input[name='checklist']").each(function(){
this.checked=true;
});
}else{
$("input[name='checklist']").each(function(){
this.checked=false;
});
}
}
);

  实现获取已选择的checkbox内容(点击“删除”)

 $("#delSelected").click(function(){
vararrCheck=$("input[name='checklist']:checked");
vararrT=[];
$(arrCheck).each(function(){
arrT.push(this.id);
});
});

剩下的事情就是将获取到的信息通过ajax使用post发给指定action去处理了。