JSP页面button标签的id与onclick函数名字相同导致函数失效的问题

1、问题描述：

在button按钮上加了一个id并与onclick函数名字同名，发现button按钮onClick的函数失效并报错，提示Uncaught TypeError: xxx(onClick的函数名) is not a function的报错

2、原因：

form中的input属性的值已经作为当前form的属性了，由于作用域问题，onclick访问的是form的testInform属性而不是外部的函数。

testInform()会默认传递一个隐性参数this，此时的this代表的是form表单对象，会优先调用表单的属性，即testInform(this)，而不是调用window对象的testInform()方法。

3、解决方法：

（1）修改id名不要与函数名相同

（2）οnclick="testInform()"改为οnclick="window.testInform()"表明是window对象的属性

（3）使用jquery的事件绑定