使用Javascript

Question

我使用此代码使用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>

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

Answer 1

'formzs' !== 'formz' - .getElementById找不到任何内容，因为您已经传入了错误的ID。

下次尝试使用developer console时，错误非常明显。

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;