JSP+AJAX 添加、删除多选框

ajax|js

本例是采用JSP + Ajax + 文本来演示多选、全选,添加、删除、更新checkbox多选框的效果;充分展现了利用JavaScript控制HTML DOM以及利用XML http 传递数据,利用JSP操作文本的效果。

  价值25元大头贴软件免费送【火热讨论】
60款免费软件大名单公布【火热讨论】

  1.JavaScript 用来控制页面内容的现实与增删效果;
  2.JSP作为后台,对文本进行读取、写入、更新等操作;
  3.文本格式是用来存储数据的,数据编码UTF-8;4, 本例子在win32,Red hat Linux 9下 jdk1.5,Tomcat 5.0,Apache 2.5下调试通过,同时兼容Firefox 1.0,Opera 8.0,IE6。

  本例子的优点:

  1.实时创建html对象,所见即所得的页面增删操作。显示速度加快,增加用户体验。
  2.XML http传递数据是只是一个id或一个表单值,节省带宽。
  3.本例子适合采用XML http方式,所以这个效果实用性强,可是JS/JSP代码都很简单。
  4.有很多东西可以在其他项目中共用,并且解决了操作文本关于中文字符编码的问题。 (本例子在中文操作系统运行,所以选择了GBK编码,如果OS是英文的则需要另外处理,比如改编码为UTF-8,或者根据需要另外转换编码。)
  5.有拖拽以及展开关闭的效果,用cookie记录了位置以及打开关闭状态,可以在某个项目里用。
  6.有丰富的注释,适合初学者一起探讨。

  缺点:

  1.维护调试麻烦,为了这个效果是否值得这样做?如果采用普通的方式,嵌入一个iframe进来,会不会也可以。
  2.代码没有更多地优化、简写,有些地方冗余。
  3.交互设计方面没有好好地做,这里主要表示的是技术实现和交流。
 源文件:点击下载

时间: 2024-12-01 13:30:39

JSP+AJAX 添加、删除多选框的相关文章

select 添加 删除多选框js代码

提示:您可以先修改部分代码再运行 2009-01-012009-01-022009-01-032009-01-042009-01-052009-01-062009-01-072009-01-082009-01-092009-01-10       提示:您可以先修改部分代码再运行

easyui 删除复选框选中的数据,在后台怎么接受前台js数组

问题描述 easyui 删除复选框选中的数据,在后台怎么接受前台js数组 我需要做一个删除功能,datagrid第一列是复选框,我根据选中的复选框来删除,可能是单选或多选,我在前台是拿到选中的行的id,用一个数组保存下来, 看代码 // 返回被选中的行 然后集成的其实是 对象数组 var row = $('#tab').datagrid('getSelections'); var i = 0; var string = ""; for(i;i<row.length;i++){ s

javaweb-如何在JSP页面回显多选框的勾

问题描述 如何在JSP页面回显多选框的勾 是这样的,最近呢自学SSH,现在在修改方面想把多选框里面的内容给复现出来,比如这个人之前选中了哪些多选框,这回修改的时候就先显示出来这些多选,再让他改. 接着呢,因为我录入进去数据库的值是通过数组拼接出来的,也就是连成一块了. 职位: 这样会直接输出4个一块东西的一样多选. 接着也试过其他的方法,但是都不对,不是没显示,就是报错. 所以来求助各位大神了,谢谢~! 反正呢0 0 总结起来就是想回显多选框 (无论什么方法都行,哪怕加<%JAVA代码%>也o

gridview控件的启动编辑和启动删除复选框不见了,求告知在哪里5555

问题描述 gridview控件的启动编辑和启动删除复选框不见了,求告知在哪里5555 各位大神,请看图:求告知如何设置,谢谢 解决方案 http://zhidao.baidu.com/link?url=WJWcsBcUgVUTUoZVl8BPhhlWwoKKZHYelF6cC2r4pcuLJam4LEjNfVinUIm4t9bCqt0MYc1xQEJ0rydEMuTNj_ 解决方案二: 谢谢,我也刚刚发现,我把update用了之后,自动就出来了,嘿嘿,谢谢

javascript动态添加checkbox复选框的方法_javascript技巧

本文实例为大家介绍了javascript如何动态添加checkbox复选框: 在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果. 单纯的创建一个复选框是很容易的,代码如下: var oCheckbox=document.createElement("input"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id"

JS添加删除一组文本框并对输入信息加以验证判断其正确性_javascript技巧

在做项目中遇到这样一个问题,就是我们需要添加几组数据到数据库,但是具体几组数据不确定,有客户来填写,比如我们需要添加打折策略,可能个策略有很多组方案,比如"满100打5折,满200打4折,满500打3折"等等,这是作为一组方案来执行的,但是并不确定一组方案中有几个子方案,所以,这里我用JS进行添加删除子方案,并要对方案输入的正确性加以判断,并且通过json传输写入数据库,这里我们主要写如果添加删除一组子项目和如果给每个文本框添加验证. 动态添加一组文本框: 复制代码 代码如下: var

datagridview-在DGV的某一列添加复选框(用于勾选)

问题描述 在DGV的某一列添加复选框(用于勾选) 这一列的每一个单元格都出现一个可以勾选的框框,不是要添加一行新的列,而是要在原来结构的基础上,在某一列添加一个勾选框

asp.net怎样用复选框删除数据

问题描述 求大神求教 解决方案 解决方案二:这个要在DataList1的时间去做解决方案三:foreach(CheckBoxiteminDataList1.checkeditems)?解决方案四:asp.net用复选框删除数据的一.复选框设置<asp:GridViewID="ClassList"runat="server"AutoGenerateColumns="False"CellPadding="4"Font-Siz

关于jsp的复选框在mysql进行查询

问题描述 我的疑问是:根本不知道会选择复选框的哪几项,那要怎么查询啊.例如:jsp一个表单中有个复选框,名字都是box,有8个选项,value分别是1到8,对应的数据库中一个表中也有一列"tybe",表中这列的值也是1到8,现在在jsp表单中可以选择复选框的一项或者多项.要的效果是:根据选择的复选框的值在数据库的表的"tybe"中进行查询,把符合要求(值一样)的行显示出来.我现在的问题是: 根本不知道会选择几个选项,也就没办法对数据库进行查询. 解决方案 将选择的东