wineer200
- 浏览: 84575 次
- 性别:
- 来自: 杭州
-
文章分类
最新评论
-
halov：
注释很详细，赞赞赞赞赞
用java代码编写的读取excel表格中数据的代码头 -
贝塔ZQ：
用插件啦，PageOffice顶
用java代码编写的读取excel表格中数据的代码头 -
Chrome_1：
需要导入的jar包有哪些
jsp上传图片,并加以显示 -
wen.owen：
是不是从哪里转过来的文章，哪里有红色部分？
jsp上传图片,并加以显示
jqury做的一个添加删除表格行的例子，这是在倒数第二行插入一个东西的示例
<%@page language="java" contentType="text/html; charset=GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ taglib uri="http://www.htjs.net" prefix="htjs"%>
<head>
<link href="inc/platform/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/server/hmykt/public/inc/css/stylesheet_hmykt.css" type="text/css" />
<script type="text/javascript" src="/inc/platform/js/validator.js"/>
<script type="text/javascript" src="/server/hmykt/ggxxgl/jmggxx/js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="/inc/platform/js/jQuery.js"></</script>
<script type="text/javascript" src="/inc/platform/js/ajax.js"></script>
<script src="/inc/platform/js/qx.js"></script>
<jsp:useBean id="add" class="net.htjs.hmykt.web.ggxxgl.jmggxx.ggxxcj.AddJmxx"/>
<title>居民公共信息增加页面</title>
<script type="text/javaScript">
//预留方法，使用读卡器读出数据
function read()
{
alert("功能暂不可用");
}
//添加行
function appendRow(){
var tr = $("#jmcyxm1").clone(false);//克隆一行
tr.find("td:last").html("<img src='/server/hmykt/public/images/images/del_01.gif' onclick='delRow(this);'title='删除'>");
tr.insertBefore("#table2 tr:last");//把这行加到表格的倒数第二行，表格添加完毕
}
//删除相对应的行
function delRow(rows)
{
$(rows).parent("td").parent("tr").remove();
}
//检查项目信息当中是否有重复的补贴项目，如果有重复的，则提示
function checkTable2()
{
//得到补贴项目代码，然后做比较，比较其中的值是否有重复.疑问，如何判断出补贴项目不为空
var btxm = $("form select[name=BTXM]");
var dm_xzqh = $(":input[name=DM_XZQH]"); //行政区划
var dm_yhlb = $("form select[name=DM_YHLB]");//银行类别
var hh_khyh = $(":input[name=HH_KHYH]");//开户银行
var yhzh = $(":input[name=YHZH]"); //银行帐号
var mc_kh = $(":input[name=MC_KH]") //开户户名
for(var i=0;btxm[i]!=null;i++)
{
if(btxm[i].value=="")
{
alert("补贴项目不能为空，请检查后重新输入");
return false;
}
if(dm_xzqh[i].value=="")
{
alert("行政区划不能为空，请检查后重新输入");
return false;
}
//if(hh_khyh[i].value=="")
//{
//alert("请选择开户银行");
//return false;
//}
if(yhzh[i].value=="")
{
alert("银行帐号不能为空");
return false;
}
if(mc_kh[i]=="")
{
alert("请输入开户户名");
return false;
}
for(var k=0;k<i;k++)
{
//检查是否有重复的补贴项目
if(btxm[i].value==btxm[k].value)
{
alert("不能有相同的补贴项目");
return false;
}
}
}
return true;
}
//表单提交
function jmggxxFormSubmit()
{
if(!Validator.Validate(jmggxxForm))
{
return;
}
if(!checkTable2())
{
return;
}
if($("#MEMO").val().length>200)
{
alert("备注不能超过200个字符");
return;
}
document.jmggxxForm.submit();
}
//返回按纽
function returnParent()
{
window.history.back();
}
</script>
</head>
<body>
<!-- 开始表单 表单提交要修改-->
<form name="jmggxxForm" method="post" action="addjmxxMiddle.jsp" target="iframe1">
<input type="hidden" name="qxxkdm" id="qxxkdm" value="<%=request.getParameter("qxxkdm") %>"/>
<table border="0" cellpadding="2" cellspacing="1" width="100%" class="tablebgW">
<tr class="content">
<td class="tableCenter" colspan="4">居民公共信息采集</td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">身份证号</td>
<td width="35%" class="tableRight"><%=request.getParameter("SFZH")%>
<!-- 隐藏框。放置qxxkdm 和sfzh -->
<input type="hidden" name="qxxkdm" id="qxxkdm" value="<%=request.getParameter("qxxkdm") %>"/>
<input type="hidden" name="SFZH" id="SFZH" value="<%=request.getParameter("SFZH")%>"/>
</td>
<td width="15%" class="tableLeft" align="left">行政区划</td>
<td width="35%" class="tableRight">
<table>
<tr>
<td>
<input type="text" id="XZQH" name="XZQH" value="" onclick="" dataType="Require" msg="行政区划不能为空"/>
<input type="hidden" name=""/>
</td>
<td><font color="red"> 必选</font></td>
</tr>
</table>
</td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">姓名</td>
<td width="35%" class="tableRight"><input type="text" name="JMXM" id="JMXM" maxlength="25"
size="25" value="" dataType="Require" msg="姓名不能为空"/>
<font color="red">必填</font>
</td>
<td width="15%" class="tableLeft">民族</td>
<td width="35%" class="tableRight">
<!-- 开始民民族选择 暂定为页面写死 -->
<select name="DM_MZ" id="DM_MZ" style="width:180px" >
<option value="01">汉族</option>
<option value="02">蒙古族</option>
<option value="03">回族</option>
<option value="04">藏族</option>
<option value="05">维吾尔族</option>
<option value="06">苗族</option>
<option value="07">彝族</option>
<option value="08">壮族</option>
<option value="09">布依族</option>
<option value="10">朝鲜族</option>
<option value="11">满族</option>
<option value="12">侗族</option>
<option value="13">瑶族</option>
<option value="14">白族</option>
<option value="15">土家族</option>
<option value="16">哈尼族</option>
<option value="17">哈萨克族</option>
<option value="18">傣族</option>
<option value="19">黎族</option>
<option value="20">僳僳族</option>
<option value="21">佤族</option>
<option value="22">畲族</option>
<option value="23">高山族</option>
<option value="24">拉祜族</option>
<option value="25">水族</option>
<option value="26">东乡族</option>
<option value="27">纳西族</option>
<option value="28">景颇族</option>
<option value="29">柯尔克孜族</option>
<option value="30">土族</option>
<option value="31">达斡尔族</option>
<option value="32">仫佬族</option>
<option value="33">羌族</option>
<option value="34">布朗族</option>
<option value="35">撤拉族</option>
<option value="36">毛难族</option>
<option value="37">仡佬族</option>
<option value="38">锡伯族</option>
<option value="39">阿昌族</option>
<option value="40">普米族</option>
<option value="41">塔吉克族</option>
<option value="42">怒族</option>
<option value="43">乌孜别克族</option>
<option value="44">俄罗斯族</option>
<option value="45">鄂温克族</option>
<option value="46">崩龙族</option>
<option value="47">保安族</option>
<option value="48">裕固族</option>
<option value="49">京族</option>
<option value="50">塔塔尔族</option>
<option value="51">独龙族</option>
<option value="52">鄂伦春族</option>
<option value="53">赫哲族</option>
<option value="54">门巴族</option>
<option value="55">珞巴族</option>
<option value="56">基诺族</option>
</select>
<font color="red">必选</font>
</td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">性别</td>
<td width="35%" class="tableRight">
<select name="GENDER" style="width:180px" dataType="Require" msg="性别不能为空">
<option value="1">男</option>
<option value="2">女</option>
</select><font color="red">必选</font>
</td>
<td class="tableLeft"></td>
<td class="tableLeft"></td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">户口性质</td>
<td width="35%" class="tableRight">
<select name="DM_HKLB" id="DM_HKLB" style="width:180px" dataType="Require" msg="户口不能为空">
<option value="1">农业户口</option>
<option value="2">城镇户口</option>
</select>
<font color="red">必选</font>
</td>
<td width="15%" class="tableLeft">邮政编码</td>
<td width="35%" class="tableRight">
<input type="text" name="YZBM" id="YZBM" maxlength="16" size="25" value="" /></td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">手机号码</td>
<td width="35%" class="tableRight">
<input type="text" name="SJHM" id="SJHM" maxlength="11" size="25" value="" dataType="Mobile" msg="请输入正确的手机号码"/></td>
<td width="15%" class="tableLeft">固定电话</td>
<td width="35%" class="tableRight">
<input type="text" name="LXDH" id="LXDH" maxlength="30" size="25" value="" /></td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">户籍住址</td>
<td width="35%" class="tableRight" colspan="3"><input type="text" name="HJZZ" id="HJZZ" maxlength="30" size="80" value="" /></td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">现居住地</td>
<td width="35%" class="tableRight" colspan='3'>
<input type="text" name="XJZD" id="XJZD" maxlength="30" size="80" value="" /></td>
</tr>
<tr class="back5">
<td width="15%" class="tableLeft">备注</td>
<td width="35%" class="tableRight" colspan="3">
<!-- 解析onkeyup的方法是一个什么东西 -->
<textarea name="MEMO" id="MEMO" cols="79" rows="3" value="" >
</textarea>
</td>
</tr>
</table>
<br/>
<!-- 开始参于项目信息填写 -->
<table border="0" cellpadding="2" cellspacing="1" width="100%" class="tablebgW" id="table2">
<tr class="content" >
<td class="tableCenter" width="25%">参与项目</td>
<td class="tableCenter" width="15%">所在行政区划</td>
<td class="tableCenter" width="15%">开户银行</td>
<td class="tableCenter" width="15%">银行网点</td>
<td class="tableCenter" width="15%">银行账号</td>
<td class="tableCenter" width="15%">开户户名</td>
<td class="tableCenter" width="15%">操作</td>
</tr>
<tr class="back5" id="jmcyxm1" >
<td class="tableCenter" width="25%">
<!-- 补贴项目下拉菜单，需要从数据库里进行读取 到时候写一个htjs:select下拉菜单 -->
<htjs:select sid="SELECT_ALL_BTXM" value="DM_BTXM" label="MC_BTXM" name="BTXM" associate="" >
</htjs:select>
</td>
<!-- 所在行政区划 -->
<td class="tableCenter" width="25%">
<input type="text" name="DM_XZQH" onclick="" size="10" />
<a href="javascript:void(0);" onclick=""></a>
<img src="/server/hmykt/public/images/images/bi.gif" title="选择" style="cursor: hand">
</td>
<!-- 选择银行 -->
<td class="tableCenter" width="12.5%" >
<select name="DM_YHLB" onchange="" dataType="Require" msg="银行不能为空">
<option value="01">农业银行</option>
<option value="02">邮政银行</option>
<option value="03">农村信用社</option>
<option value="04">建设银行</option>
<option value="05">地方商业银行</option>
</select>
</td>
<!-- 银行网点 银行网点是跟开户银行选择的银行挂勾的 -->
<td class="tableCenter" width="12.5%">
<input type="text" name="HH_KHYH" size="10" onclick="" />
<a href="" onclick=""></a>
<img src="/server/hmykt/public/images/images/bi.gif" title="选择试验" style="cursor: hand" />
</td>
<!-- 银行帐号 -->
<td class="tableCenter" width="12.5%">
<input type="text" size="10" name="YHZH" value="银行帐号" />
</td>
<!-- 开户户名 -->
<td class="tableCenter" width="12.5%">
<input type="text" size="10" name="MC_KH" value="试验二" />
</td>
<!-- 最后一个td -->
<td>
</td>
</tr>
<tr class="back5" id="tianjia">
<td class="tableRight" colspan="7">
<input type="button" class="button1" name="" id="" value="添 加" onclick="appendRow()"/>
</td>
</tr>
</table>
<table>
<tr class="back5">
<td width="15%" class="tableCenter">
<input type="button" name="b_read" Class="button1"
value="读取" onclick="read()" />
<input type="button" name="b_newsave" value="保 存" onclick="jmggxxFormSubmit()" class="button1" />
<input type="button" name="b_tomain" value="返 回" onclick="returnParent()" class="button1" />
</td>
</tr>
</table>
</form>
<div style="visibility:hidden; display:none">
<iframe id="iframe1" name="iframe1" >
</iframe>
</div>
</body>
</html>
分享到：
发表评论
相关推荐
本文将深入探讨如何使用 jQuery 动态添加和删除表格行，以实现高效且用户友好的数据展示。 首先，理解 HTML 表格的基本结构至关重要。`<table>` 元素用于创建表格，`<tr>` 代表表格行，`<td>` 或 `<th>` 分别表示...
本示例“jquery表格动态添加删除行代码”利用jQuery的强大功能，为用户提供了一个直观且用户友好的表格管理体验。这个代码实现了一个功能，即在表格中动态地添加和删除行，这对于数据展示和编辑是非常实用的。 首先...
删除表格行通常涉及到选择要删除的行，然后使用`.remove()`方法。例如，如果有一个按钮与每行关联，用于删除该行，我们可以这样做： ```javascript $('table tbody').on('click', 'button.delete', function() { $...
<title>jQuery动态添加删除行 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 姓名 年龄 操作 张三 <td>25 <td><button class="delete">删除</button></td> ...
通过点击按钮动态添加或删除表格行，可以提高用户的交互体验，使得数据管理更加灵活。 首先，我们需要创建一个基本的HTML结构，包含一个表格和两个按钮，分别用于添加新行和删除选中行。表格通常由`<table>`、`...
JQuery对表格行的添加删除,如添加一行，删除一行
《jQuery表格编辑添加删除行插件详解》 在网页开发中，表格是一种常见的数据展示方式，而jQuery作为JavaScript的一个强大库，提供了丰富的功能和便利的操作，使得表格的编辑、添加和删除行变得更加简单。本文将深入...
通过创建新的DOM元素、添加事件监听器和应用CSS样式，我们可以轻松地实现动态增加、选中和删除表格行。这对于构建交互式Web应用，尤其是在处理表格数据时，是非常实用的工具。在实际项目中，你可以根据需要进一步...
《jQuery自定义添加删除表格行内容特效》 在网页开发中，jQuery库因其简洁的语法和强大的功能，深受开发者喜爱。本项目“jQuery自定义添加删除表格行内容特效”是基于jQuery实现的一种交互式功能，它允许用户动态地...
删除表格行同样简单，可以使用`remove()`方法选择并移除特定的行。例如，删除点击的行： ```javascript $("#myTable").on("click", "tr", function() { $(this).remove(); // 移除被点击的行 }); ``` ### 5. 多行...
总的来说，实现动态添加和删除表格行的基本步骤如下： 1. 选择表格和行：使用jQuery选择器定位到表格和目标行。 2. 创建新行：准备要插入的新行的HTML代码。 3. 插入行：使用`.after()`或`.before()`方法在适当的...
总的来说，动态添加和删除表格行是前端开发中常见的功能，jQuery提供了简洁而强大的API来处理这类任务。通过理解并运用`add()`和`del()`函数，开发者可以轻松地实现这些功能，同时还能根据具体场景进行优化和扩展。
5. `data()`：用于存储和检索与元素关联的数据，这可能被用来跟踪表格行的状态或附加信息。 6. `each()`：遍历jQuery对象中的每个元素，这对于批量操作表格中的行非常有用。 在实际代码实现中，开发者可能创建了一...
《jQuery表格编辑添加删除行代码详解》 在Web开发中，动态交互的表格是一个常见的需求，尤其是在移动设备上。"jQuery表格编辑添加删除行代码"就是针对这一需求提供的一种解决方案，它利用JavaScript库jQuery的强大...
本资源主要探讨的是如何使用jQuery实现动态添加和删除表格行的特效，这对于构建交互性强的网页表格非常有用。以下将详细讲解相关知识点。 首先，jQuery提供了方便的DOM操作方法，如`append()`和`remove()`，可以...
这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具"，我们可以推测这篇文章会包含实际的代码示例和实用方法。 在HTML中，`<table>`元素用于创建...
在这个"jQuery表格添加行数据代码"中，我们主要关注的是如何利用jQuery来动态地向表格中添加、编辑和删除行数据。这个压缩包包含了一些关键文件，如CSS样式文件、HTML页面、JavaScript脚本以及说明文件。 首先，`...
- 创建新行：可以使用`$('<tr>')`创建一个新的表格行元素，然后添加对应的单元格`$('<td>')`。 - 插入行：使用`.append()`方法将新行添加到表格的末尾，或者使用`.prepend()`添加到开头。 - 内容填充：在单元格中...
本教程将详细讲解如何使用jQuery来实现动态添加和删除表格行，这在数据展示和用户交互中非常常见，特别是在需要实时更新或编辑数据的场景下。 一、jQuery基础 在开始之前，我们需要确保网页已经引入了jQuery库。...