如何动态增加并计算input的值

y362623206 南铧科技 Web前端工程师  2015-12-15 02:23:39
<table class="am-table">
<tr>
<td width="5%">第</td>
<td width="20%"><input name="beginday[]" type="text" value="1" /></td>
<td width="10%">天到</td>
<td width="20%"><input name="endday[]" type="text" /></td>
<td width="5%">天</td>
<td width="20%"><input name="unitprice[]" type="text"/></td>
<td width="15%">(元/天)</td>
<td><a href="javascript:void()" onclick="removeItem(this)"><span class="am-icon-remove"></span></a></td>
</tr>
</table>
<input onclick="add()" type="button" value="增加"/>

function add(){

$("tbody").append("<tr>"
+"<td width='5%'>第</td>"
+"<td width='20%'><input type='text' name='beginday[]'/></td>"
+"<td width='10%'>天到</td>"
+"<td width='20%'><input type='text'name='endday[]'/></td>"
+"<td width='5%'>天</td>"
+"<td width='20%'><input type='text' name='unitprice[]'/></td>"
+"<td width='15%'>(元/天)</td>"
+"<td><a href='javascript:void()' onclick='removeItem(this)'><span class='am-icon-remove'></span></a></td>"
+"</tr>"


);

}

动态新增我会 ,但是新增同时 默认第一行 开始时间为1 到哪一天自己填 第二行开始时间就自动填充为第一行的结束时间+1 后面以此类推,这个如何实现?
...全文
109 点赞 收藏 4
写回复
4 条回复
天际的海浪 2015年12月15日

<table class="am-table">
			  <tr>
			  <td width="5%">第</td>
			  <td width="20%"><input name="beginday[]" type="text" value="1" /></td>
			  <td width="10%">天到</td>
			  <td width="20%"><input name="endday[]" type="text" /></td>
			  <td width="5%">天</td>
			  <td width="20%"><input name="unitprice[]" type="text"/></td>
			  <td width="15%">(元/天)</td>
			  <td><a href="javascript:void()" onclick="removeItem(this)"><span class="am-icon-remove"></span></a></td>
			  </tr>
			</table>
<input onclick="add()" type="button" value="增加"/>

<script type="text/javascript">
function add(){
	var ft = parseInt($("tbody input:eq(-2)").val(), 10)+1;
	if (isNaN(ft)) {
		alert("不能增加");
		return;
	}
	$("tbody").append("<tr>"
			  +"<td width='5%'>第</td>"
			  +"<td width='20%'><input type='text' name='beginday[]' value='"+ft+"'/></td>"
			  +"<td width='10%'>天到</td>"
			  +"<td width='20%'><input type='text'name='endday[]' /></td>"
			  +"<td width='5%'>天</td>"
			  +"<td width='20%'><input type='text' name='unitprice[]'/></td>"
			  +"<td width='15%'>(元/天)</td>"
			  +"<td><a href='javascript:void()' onclick='removeItem(this)'><span class='am-icon-remove'></span></a></td>"
			  +"</tr>"
	   );
}
</script>
回复 点赞
y362623206 2015年12月15日
引用 2 楼 jslang 的回复:

<table class="am-table">
<tr>
<td width="5%">第</td>
<td width="20%"><input name="beginday[]" type="text" value="1" /></td>
<td width="10%">天到</td>
<td width="20%"><input name="endday[]" type="text" value="2" /></td>
<td width="5%">天</td>
<td width="20%"><input name="unitprice[]" type="text"/></td>
<td width="15%">(元/天)</td>
<td><a href="javascript:void()" onclick="removeItem(this)"><span class="am-icon-remove"></span></a></td>
</tr>
</table>
<input onclick="add()" type="button" value="增加"/>

<script type="text/javascript">
function add(){
var ft = parseInt($("tbody input:eq(-2)").val(), 10)||0;
$("tbody").append("<tr>"
+"<td width='5%'>第</td>"
+"<td width='20%'><input type='text' name='beginday[]' value='"+(ft+1)+"'/></td>"
+"<td width='10%'>天到</td>"
+"<td width='20%'><input type='text'name='endday[]' value='"+(ft+2)+"'/></td>"
+"<td width='5%'>天</td>"
+"<td width='20%'><input type='text' name='unitprice[]'/></td>"
+"<td width='15%'>(元/天)</td>"
+"<td><a href='javascript:void()' onclick='removeItem(this)'><span class='am-icon-remove'></span></a></td>"
+"</tr>"


);

}
</script>

我是这个意思
回复 点赞
天际的海浪 2015年12月15日

<table class="am-table">
			  <tr>
			  <td width="5%">第</td>
			  <td width="20%"><input name="beginday[]" type="text" value="1" /></td>
			  <td width="10%">天到</td>
			  <td width="20%"><input name="endday[]" type="text" value="2" /></td>
			  <td width="5%">天</td>
			  <td width="20%"><input name="unitprice[]" type="text"/></td>
			  <td width="15%">(元/天)</td>
			  <td><a href="javascript:void()" onclick="removeItem(this)"><span class="am-icon-remove"></span></a></td>
			  </tr>
			</table>
<input onclick="add()" type="button" value="增加"/>

<script type="text/javascript">
function add(){
	var ft = parseInt($("tbody input:eq(-2)").val(), 10)||0;
	$("tbody").append("<tr>"
			  +"<td width='5%'>第</td>"
			  +"<td width='20%'><input type='text' name='beginday[]' value='"+(ft+1)+"'/></td>"
			  +"<td width='10%'>天到</td>"
			  +"<td width='20%'><input type='text'name='endday[]'  value='"+(ft+2)+"'/></td>"
			  +"<td width='5%'>天</td>"
			  +"<td width='20%'><input type='text' name='unitprice[]'/></td>"
			  +"<td width='15%'>(元/天)</td>"
			  +"<td><a href='javascript:void()' onclick='removeItem(this)'><span class='am-icon-remove'></span></a></td>"
			  +"</tr>"
	    
	 
	   );

}	
</script>

回复 点赞
y362623206 2015年12月15日
怎么没人解答下
回复 点赞
发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告