带有Javascript的表单功能中的单选按钮[关闭]答案

【问题标题】：Radio Button In Form Function With Javascript [closed]带有Javascript的表单功能中的单选按钮[关闭]
【发布时间】：2015-06-30 23:21:27
【问题描述】：

我使用这段代码用 javascript 制作简单的表单函数，但不能正常工作。

(function(){
    var o=document.getElementById('formsz');
    o.getElementsByTagName('form')[0].onsubmit=function(){
    if(this.version.value == "show"){
    alert("show")
    }else{
    alert("hide")
    }
    return false
    }})();

<div id="formz">
      <form action='#'>
      <input type="radio" name="version" id="x64" value="show">Show<br/>
      <input type="radio" name="version" id="x32" value="hide">Hide<br/>
      <button type='submit'>Login</button>
      </form>
</div>

怎么了？？为什么它不起作用？？？请帮忙,,,

【问题讨论】：

标签： javascript jquery html forms

【解决方案1】：

'formzs' !== 'formz' - .getElementById 什么也没找到，因为您输入了错误的 ID。

下次试试你的developer console，错误很明显。

(function(){
  var o = document.getElementById('formz');

  o.getElementsByTagName('form')[0].onsubmit=function(){
    if(this.version.value == "show"){
      alert("show")
    }else{
      alert("hide")
    }
    return false
  };
})();

<div id="formz">
      <form action='#'>
      <input type="radio" name="version" id="x64" value="show">Show<br/>
      <input type="radio" name="version" id="x32" value="hide">Hide<br/>
      <button type='submit'>Login</button>
      </form>
</div>

【讨论】：