Uncaught TypeError: XX is not a function at HTMLInputElement.onclick

<div class="btn_Div" id="operations-btn">

<input type="button" value="通过" 

class="btn-accept" hidden="hidden" 

id="accept-btn" onclick="accept();" />

   <input type="button" value="拒绝" 

class="btn-reject" hidden="hidden" 

id="reject-btn" onclick="reject();" />

    <input type="button" value="提交审批" 

class="btn-add" hidden="hidden" id="submit-

btn" onclick="accept();" />

</div>

<script>

function accept() {

    ...

}

</script>

代码如上。 

点击【提交审批】按钮就报 Uncaught TypeError: accept is not a function at HTMLInputElement.onclick 这样的错误。

上网搜了一下，报错原因应该是如果有某个 input 元素的 name 或者 id 与 JS 函数同名的话就会产生冲突，不能正常调用。

解决办法就是改一下元素的 id/name 或者改函数名。

我把函数名改成 acceptApproval() 就解决了。