javascript - HTML 表单从不调用 Javascript

Question

我有一组在 HTML 中定义的单选按钮，如下所示:

<input type="radio" name="group" id="rad1" value="rad1" onClick="doStuff(this.id)">Option 1<br>
<input type="radio" name="group" id="rad2" value="rad2" onClick="doStuff(this.id)">Option 2<br>

就在 </body> 之前标记，我定义了以下 JavaScript 行为:

   <script type="text/javascript">
       /*<![CDATA[*/                   
       function doStuff(var id){
           alert("Doing stuff!");
       }
       /*]]>*/
   </script>

当我运行该程序时，页面在我的浏览器窗口中按预期方式加载，并且单选按钮允许我单击它们。 doStuff()然而，函数从未被调用(我也使用断点验证了这一点)。

我也尝试了以下方法只是为了看看内联是否有所不同，但似乎根本没有调用 JavaScript:

<script type="text/javascript">
       /*<![CDATA[*/   
       alert("JavaScript called!");
       main();
       function main(){
            var group = document.getElementsByName('group');
                for(var i=0; i<group.length; i++){
                    group[i].onclick = function(){
                        doStuff(this.id);
                    };
                }
       }
       /*]]>*/
</script>

我的问题是，在这种情况下使用 HTML 和 JavaScript 是否需要做一些特别的事情？我的问题是不是我是否应该使用内联函数调用，或者这是您最喜欢的代码编写方式。

Answer 1

函数声明是错误的——参数前不应该有“var”:

function doStuff (id) {
   alert("Doing stuff!");
}