从html表单调用javascript

您可以使用javascript url表单

或者使用onSubmit事件处理程序

在后面的表单中,如果从handleClick返回false,则会阻止正常的submision过程.如果您希望浏览器遵循正常的submision过程,则返回true.

由于该Javascript:部分,按钮中的onSubmit事件处理程序也会失败

编辑: 我刚尝试这个代码,它的工作原理:

在这段代码中:

getRadioButtonValue(this["whichThing"]))

你实际上并没有得到任何参考.因此,getradiobuttonvalue函数中的radiobutton未定义并引发错误.

编辑 要从单选按钮中获取值,请抓取JQuery库,然后使用:

  $('input[name=whichThing]:checked').val() 

编辑2 由于需要重新发明轮子,这里是非Jquery代码:

var t = '';
for (i=0; i

或者,基本上,修改原始代码行以便如此阅读: 

getRadioButtonValue(document.myform.whichThing))


编辑3 
这是你的作业:

      function handleClick() {
        alert("Favorite weird creature: " + getRadioButtonValue(document.aye.whichThing));
        //event.preventDefault(); // disable normal form submit behavior
        return false; // prevent further bubbling of event
      }
    
  


     
     Which of the following do you like best?
     
Slithy toves
     
Borogoves
     
Mome raths



请注意以下内容,我已将函数调用移到Form的"onSubmit"事件中.另一种方法是将SUBMIT按钮更改为标准按钮,并将其放入按钮的OnClick事件中.我还删除了函数名前面不需要的"JavaScript",并在函数出来的值上添加了显式RETURN.

在函数本身中,我修改了表单的访问方式.结构是:
 文件.[表格名称].[控制名称]来获取东西.由于您是从aye重命名的,因此必须更改document.myform.到document.aye.另外,document.aye ["whichThing"]在这种情况下是错误的,因为它需要是document.aye.whichThing.

最后一点,我注释掉了event.preventDefault(); .该样本不需要该行.

编辑4只是要清楚.document.aye ["whichThing"]将为您提供对所选值的直接访问,但document.aye.whichThing可让您访问您需要检查的单选按钮集合.由于您使用"getRadioButtonValue(object)"函数来遍历集合,因此您需要使用document.aye.whichThing.  

看看这种方法的不同之处:

function handleClick() {
   alert("Direct Access: " + document.aye["whichThing"]);
   alert("Favorite weird creature: " + getRadioButtonValue(document.aye.whichThing));
   return false; // prevent further bubbling of event
}

        

3> 小智..：
Miquel(#32)的漂亮例子应该重新填充:


 
  
 
 
 
  
  
    
   
  
 



表格应该有: