checkbox选择并批量删除的JSP源码和后台的交互的应用心得

来源:互联网 发布:战舰世界数据查询 编辑:程序博客网 时间:2024/06/10 00:40

   惭愧,暑期实习已经两个月,对公司框架还是只知道皮毛,配置之类更是各种不懂。这次终于试着做了一次页面和后台的数据交互。只是添加一个小小功能,还是搞了四天,还有很多细节要细化,基础知识的不牢固,可见一斑。

  首先看checkbo的设置:

<input type="checkbox" name="checkBox" value="${student.studentId}"/>

  然后看jsp的方法,方法还是公司带我的人写的,更是惭愧。
function delSelectStudent(id){ if(id==undefined){  var len = 0;  var cks=$("input[name='checkBox']");  for(var i=0;i<cks.length;i++)  {    if(cks[i].checked)    {      ++len;    }  }  if(len==0)  {    layer.alert("请选择要删除的学生信息!");    return;  }  var ids=[];  for(var i=0;i<cks.length;i++)  {    if(cks[i].checked)    {      var id=$(cks[i]).val();      ids.push(id);    }      }  var delId=ids.join(",");  layer.confirm("你确定删除选中的学生信息吗?", function()   {window.location.href = "${basePath}delSelectedStudent.action?studentId="+ delId;});}}
调用方法的按钮:

<input type="button" class="button blue" value="删除" onclick="delSelectStudent();">
再看看后台:(这里后台仅仅是给了一个解析的方法,更细化的步骤,在各个框架里仁者见仁,智者见智了。)

 List<String> list = new ArrayList<String>();            String studentId = studentInfo.getStudentId();            if(studentId.indexOf(",") > 0)            {                String[] str = studentId.split(",");                for(String string:str)                {                    list.add(string);                }            } for(String string:list)            {               //单个删除的方法;             }

注意:checkbox 的value是后台解析数据的关键,当然还有很多。再下,也讲不出什么头头道道,惭愧之余,希望有前辈可以指导再下。

若是这里对各位没有帮助,对不起各位,浪费了大家的宝贵学习时间。


0 0
原创粉丝点击