您的位置：首页 > 其它

input button onclick无效

2015-12-16 15:53 267 查看
如题。

再三确定input没写错。js方法名也没写错。然而当页面点击button 时， 却始终报找不到方法的错误。

最后将input 的属性name改了，结果就没报错了。而且整个页面name没有重名。即使重名也不该报这样的错误啊。不知为何之前总报错。

报错代码：
<input type="button" name="addRow" onclick="addRow();" value="添加行"/>


附上代码，之后研究

<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<#include "/common/resource.ftl">
</head>

<body>
<div class="tools_bar">
<a title="刷新当前页面" onclick="Replace();" class="tools_btn"><span><b class="tool_refresh">刷新</b></span></a>
<div class="tools_separator"></div>
<a id="save" title="保存" onClick="commitSave1();" class="tools_btn"><span><b class="tool_save">保存</b></span></a>
</div>

<form id="hzbform" method="post" action="${base}/hyfdzccl/editBsb">
<input id="ayxxUuid" name="ayxxUuid" type="hidden" class="input5" value="${ayxxUuid}"/>
<div class="header1">委托收到协查结果情况</div>
<table name="hzb3" id="hzb3" border="0" cellpadding="0" cellspacing="0" class="table2" >
<tbody>
<tr>
<th style="width:6%">序号</th>
<th style="width:8%">发票份数</th>
<th style="width:8%">收到发票份数</th>
<th style="width:8%">正常</th>
<th style="width:9%">有问题发票份数</th>
<th style="width:8%">无法核实</th>
<th style="width:12%">金税协查编号</th>
<th style="width:12%">发函日期</th>
<th style="width:12%">回函日期</th>
<th style="width:10%">选票准确率</th>

<th style="width:15%">操作</th>
</tr>
</tbody>

<tbody>
<tr>
<td name="td_number" ></td>
<td><input type="text" class="input7"  validate="{digits:true}"></input></td>
<td></td>
<td><input type="text" class="input7"  validate="{digits:true}" ></input></td>
<td><input type="text" class="input7"  validate="{digits:true}"></input></td>
<td><input type="text" class="input7"  validate="{digits:true}" ></input></td>
<td><input type="text" class="input7"  validate="{digits:true}" /></td>
<td><input type="text" class="input7"  validate="{digits:true}" /></td>
<td><input type="text" class="input7"  validate="{digits:true}" /></td>
<td></td>

<td><input type="button" name="addRow" onclick="addRow();" value="添加行"/><input type="button" name="delRowBtn" value="删除行"></input></td>
</tr>
</tbody>
<tbody id="tbody_hj">
<!-- 合计行 -->
<tr>
<td colspan="1">合计</td>
<td><input type="text" class="input7" name="" id="" value=""></input></td>
<td><input type="text" class="input7" name="" id="" value=""></input></td>
<td><input type="text" class="input7" name="" id="" value=""></input></td>
<td><input type="text" class="input7" name="hj_jr"  value=""></input></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><input type="text" class="input7" name="" id="" value=""></input></td>
<td> </td>
</tr>
</tbody>
</table>

</form>
<!-- 待添加的行 -->
<table id="div_tr_addRow" style="display:none;">
<tr>
<td name="td_number" ></td>
<td><input type="text" class="input7"  validate="{digits:true}"></input></td>
<td></td>
<td><input type="text" class="input7"  validate="{digits:true}" ></input></td>
<td><input type="text" class="input7"  validate="{digits:true}"></input></td>
<td><input type="text" class="input7"  validate="{digits:true}" ></input></td>
<td><input type="text" class="input7"  validate="{digits:true}" /></td>
<td><input type="text" class="input7"  validate="{digits:true}" /></td>
<td><input type="text" class="input7"  validate="{digits:true}" /></td>
<td></td>

</tr>
</table>
<!-- 待添加的行 -->
<script type="text/javascript">

// 添加行
function addRow(){
var number = $("#hzb3").find("tbody").length-1;
$("#div_tr_addRow").find("td[name='td_number']").text(number);
$("#tbody_hj").before($("#div_tr_addRow").html());
delRow();
}

</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航