87,996
社区成员
发帖
与我相关
我的任务
分享如何动态增加并计算input的值
<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 后面以此类推，这个如何实现？
...全文
请发表友善的回复…
发表回复
天际的海浪 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
- 打赏
- 举报
我是这个意思
天际的海浪 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
- 打赏
- 举报
怎么没人解答下
