复选框checkbox实现批量删除
一、jsp页面
<script type="text/javascript" src="<%=path%>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
//全选,反选
$('#chooseAll').click(function() {
var list = $('[name=ids]').length;
if ($('#chooseAll').attr("checked") == true) {
for ( var i = 0; i < list; i++) {
$('[name=ids]').attr("checked", "true");
}
} else if ($('#chooseAll').attr("checked") == false) {
$('[name=ids]').click();
}
});
//一、检查是否已选,jquery实现
$('[name=batchdelete]').click(function() {
var l=$("input[type=checkbox]:checked").size(); //size是选中的个数
if(l==0){
alert("未勾选要删除的对象");
}else{
alert("提交表单: "+l);
$('#form1').submit();
}
});
/* 二、 //检查是否已选js实现
var list = $('[name=ids]').length;
//alert("changdu "+list);
var a=0;
for( var n = 0; n < list; n++){
if($('[name=ids]')[n].checked==false){
a++;
alert("a: "+a);
alert("changdu "+list);
if(a===list){
alert("未勾选要删除的对象");
return false;
}
}
if($('[name=ids]')[n].checked==true){
alert("已勾选对象");
//parent.document.location.href="<%=path%>/counselorDeleteActionDo?id="+id;
return true;
}
}*/
});
</script>
<body>
<a href="mass_selectionpackage/mass_dataList.action">获得数据</a>
<form name="form1" id="form1" action="mass_selectionpackage/mass_batchDelete.action" method="post" >
<table>
<tr>
<th width="10%" colspan="1"></th>
<th width="15%">
序号
</th>
<th width="15%">
Id
</th>
<th width="30%">
Name
</th>
<th width="30%">
Time
</th>
</tr>
<s:iterator value="#request.imgList" id="imgs" status="rowstatus">
<tr>
<td >
<input type="checkbox" name="ids" id="ids" value="<s:property value="#imgs.id" />" />
</td>
<td><s:property value="#rowstatus.index+1"/></td>
<td>
<s:property value="#imgs.id" />
</td>
<td>
<s:property value="#imgs.imgname" />
</td>
<td>
<s:property value="#imgs.imgoperatingtime" />
</td>
<td>
<a
href="mass_selectionpackage/mass_deleteById.action?id=<s:property value="#imgs.id" />&content=<s:property value="#imgs.imgname" />&title=${title}">delete</a>
</td>
</tr>
</s:iterator>
<tr>
<td>
<input type="checkbox" name="chooseAll" id="chooseAll" />
</td>
<td>
ChooseAllOrUnchoose
</td>
<td>
<input name="batchdelete" type="button" value="batchdelete">
</td>
</tr>
</table>
</form>
</body>
二、java类,action
package com.wm.mass.action;
import java.io.UnsupportedEncodingException;
import java.util.ArrayList;
import java.util.List;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.wm.bean.ActivityImg;
public class MassSelectionAction extends ActionSupport {
/**
* @author
*/
private static final long serialVersionUID = 8422741115018483046L;
private int id;
private int temcount=5;
private Object[] ids;//接收复选框中的id数组
private ActivityImg activityImg=new ActivityImg();
private List<ActivityImg> imgList1=new ArrayList<ActivityImg>();
private List<ActivityImg> imgList;
private boolean flag;
{
for (int i = 1; i < temcount; i++) {
activityImg.setId(i);
activityImg.setImgname("名称——"+i);
activityImg.setImgoperatingtime("时间——:"+i);
imgList1.add(activityImg);
}
}
public String dataList() {
imgList=this.imgList1;
return SUCCESS;
}
public String deleteById() throws UnsupportedEncodingException {
System.out.println("删除:"+getContent()+", id:"+getId());
temcount--;
return this.dataList();
}
/*
* 批量删除
*/
public String batchDelete() throws UnsupportedEncodingException {
for(int i=0;i<ids.length;i++){
// employeeService.delete(ids[i]);
System.out.println("删除:"+getContent()+", id:"+ids[i]);
}
return this.dataList();
}
public List<ActivityImg> getImgList() {
return imgList;
}
public void setImgList(List<ActivityImg> imgList) {
this.imgList = imgList;
}
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public Object[] getIds() {
return ids;
}
public void setIds(Object[] ids) {
this.ids = ids;
}
}
复选框checkbox实现批量删除相关推荐
- 【Qt】QTableView中嵌入复选框CheckBox 的四种方法总结
搜索了一下,QTableView中嵌入复选框CheckBox方法有四种: 第一种不能之前显示,必须双击/选中后才能显示,不适用. 第二种比较简单,通常用这种方法. 第三种只适合静态显示静态数据用 第四 ...
- jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...
- 使用CSS3美化复选框checkbox
我们知道HTML默认的复选框样式十分简陋,而以图片代替复选框的美化方式会给页面表单的处理带来麻烦,那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化,并且带上超酷的滑动 ...
- html5复选框样式,11种炫酷CSS3复选框checkbox样式美化效果
这是一款效果非常酷的CSS3复选框checkbox样式美化效果.该复选框美化效果共有11种.默认的复选框的样式十分不好看,该效果将复选框加一美化,带上了一些动画效果,其中一些制作为滑动按钮的样式. 使 ...
- 使用easyui框架form控件,单选按钮radio或复选框checkbox样式问题
为什么80%的码农都做不了架构师?>>> easyui只提供了textbox文本框,未提供单选按钮radio或复选框checkbox控件,在使用过程中,会存在单选按钮radio ...
- MFC复选框CheckBox使用 ++
MFC中复选框checkbox控件,至少有四种方法对其进行操作, 第一种是利用Cbutton成员函数GetCheck和SetCheck, 第二种是利用CWnd成员函数IsDlgButtonChecke ...
- MFC复选框CheckBox使用
MFC中复选框checkbox控件,至少有三种方法对其进行操作,他们是利用Cbutton成员函数GetCheck和SetCheck,第二种是利用CWnd成员函数IsDlgButtonChecked,最 ...
- bootstrap带有下拉按钮的输入框_关于bootstrap--表单(下拉select、输入框input、文本域textare复选框checkbox和单选按钮radio)...
html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明.通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性.可用性和可交互性 ...
- flutter 开关Switch与复选框Checkbox
Flutter 移动跨平台开发技术分享 目前在西瓜视频上免费刊登 Flutter 系列教程,每日更新,欢迎关注接收提醒 [x1]点击查看提示 [x2]各种系列的教程 [x3]Flutter文章积累目录 ...
最新文章
- [C# 设计模式] Adapter - 适配器模式(两种)
- ViewDragHelper
- java windows linux 乱码_Linux 中 Windows 中文乱码
- Linux下高效编写Shell——shell特殊字符汇总
- ios App开发的基本流程
- 趋肤效应实验报告_电感耦合等离子体发射光谱实验报告
- 网站SEO优化中tilte与h1的区别、b与strong的区别、i与em的区别
- 世界强大的移动便携图形工作站介绍(轻便型便携工作站(PL系列)介绍)
- (非常小白)浏览器输入阿里云外网ip无法访问
- 使用行列式公式求多边形面积
- app公司制作app的方法和步骤
- C# MVC 微信支付教程系列之公众号支付
- 十面阿里,七面头条,六个Offer,春招结束
- flask自定义过滤器,flash,form表单
- 只学2个月编程能写出什么代码?
- matlab 数字转化为文字,将数值转换为文本
- MATLAB Simulink
- MathWorks 中国
- 安装openssh-server报Depends: openssh-client (= 1:6.6p1-2ubuntu2.8)错误
- linux恢复安卓数据,安卓数据恢复2 - ranfs的个人空间 - OSCHINA - 中文开源技术交流社区...
- spark入门三(RDD基本运算)
- rod 基于CDP协议的web自动化工具(爬虫)