HTML中的JavaScript：对单选按钮的响应_Javascript_Html

HTML中的JavaScript：对单选按钮的响应

javascript html

HTML中的JavaScript：对单选按钮的响应,javascript,html,Javascript,Html,我一直在处理我页面中的内容，我得到了一个Javascript函数，它列出了两个单选按钮，除了一件事之外，其他的都差不多。我希望在单击“提交”按钮后，能够在同一页面上的“提交”按钮下方显示一条消息，但我不确定该如何处理。这是我的代码： <!DOCTYPE hmtl> <hmtl> <head> <title> Audiophile Poll - M100s or Mad Dogs v3.2? </title>

我一直在处理我页面中的内容，我得到了一个Javascript函数，它列出了两个单选按钮，除了一件事之外，其他的都差不多。我希望在单击“提交”按钮后，能够在同一页面上的“提交”按钮下方显示一条消息，但我不确定该如何处理。这是我的代码：

<!DOCTYPE hmtl>
<hmtl>
  <head>
    <title>
      Audiophile Poll - M100s or Mad Dogs v3.2?
    </title>
    <script>
      function validate[] {
        var radioError = checkRadio();

        if (radioError) {
          document.frmOne.submit();
        }
        else {
          return false;
        }
      }
      function checkRadio() {
        var headphone = "";
        var len = document.frmOne.headphone.length;
        var i;

        for (i = 0; i < len; i++) {
          if (document.frmOne.headphone[i].checked) {
            headphone = document.frmOne.headphone[i].value;
            break;
          }
        }

        if headphone == "") {
          document.getElementById("radio_error"). innerHTML = "You do not have a choice selected.  Please select a choice.";
          return false;
        }
        else {
          document.getElementByID("radio_error"). innerHTNL = "":
          return true;
        }
      }
    </script>
    <style>
      body{
        background-color: #292E37;
      }
      h1{
        width: 100%;
        color: #800000;
        text-align: center;
        font-family: "Lucida Console", "Courier New";
        font-size: 40px;
        text-weight: bold;
      }
      .heading{
        color: #808080;
        text-align: left;
        margin: 5px;
        font-family: "Lucida Sans Unicode";
        font-size: 24px;
        font-weight: bold;
      }
      .body{
        width: 100%;
        font-weight: normal;
      }
      .image{
        float: left;
      }
      .paragraph{
        color: #808080;
        font-size: 14px;
        width: 60%;
        float: left;
        margin: 10px;
      }
    </style>
  </head>
  <body>
    <h1>
      V-MODA M-100 vs. MrSpeakers Mad Dog
    </h1>
    <div id="box1">
      <div class="heading">
        V-MODA M-100
      </div>
      <div class="body">
        <div class="image">
          <img src="http://www.acgears.com/images/m_100_shadow_laying_case_square_web.jpg" height="300px" width="300px"/>
        </div>
        <div class="paragraph">
          <b>MSRP:</b> $310<br />
          <b>Frequency Response:</b> <a href="http://www.innerfidelity.com/images/VModaM100.pdf">See here</a> <br />
          <b>Manufacturer:</b> <a href="http://v-moda.com/">V-MODA</a> <br />

        </div>
      </div>
    </div>  
    <div style="clear:both"></div>
    <br />
    <br />
    <br />
    <div id="box2">
      <div class="heading">
        MrSpeakers Mad Dogs v3.2
      </div>
      <div class="body">
        <div class="image">
          <img src="http://cdn.head-fi.org/0/05/300x300px-LS-0512aba0_1125220115_maddog.jpeg" height="300px" width="300px"/>
        </div>
        <div class="paragraph">
          <b>MSRP:</b> $299.99 (3.5 mm), $339.99 (universal, no XLR cable incl.), $399.99 (balanced XLR only)<br />
          <b>Frequency Response:</b> <a href="https://www.mrspeakers.com/image/data/mrspeakers/LCD2_DP_AP.png">See here</a> (MDs are red/blue)<br />
          <b>Manufacturer:</b> <a href="https://www.mrspeakers.com/">MrSpeakers</a> <br />

        </div>
      </div>
    </div>
    <div style="clear:both"></div>
    <br />
    <br />
    <form name="frmOne" action="" method="post">
      <div class="paragraph">
        <b>Which would YOU choose to buy?</b> <br />
        <input type="Radio" name="headphone" value="M-100">V-MODA M-100 <br />
<       <input type="Radio" name="headphone" value="MD">MrSpeakers Mad Dog v3.2 <br />
        <span style=color:red id="radio_error"></span>
        <input type="button" value="  Submit  " onClick="validate()">
      </div>
    </form>
  </body>
</html>


发烧友投票-M100s还是《疯狗》v3.2？
函数验证[]{
var radioError=checkRadio（）；
如果（无线电错误）{
document.frmOne.submit（）；
}
否则{
返回false；
}
}
函数checkRadio（）{
var耳机=”；
var len=document.frmOne.heephone.length；
var i；
对于（i=0；i
频率响应：

制造商：







《疯狗》3.2版
MSRP:$299.99（3.5毫米），$339.99（通用，不含卡侬电缆），$399.99（仅平衡卡侬）

频率响应：（MDs为红色/蓝色）

制造商：





你会选择买哪一种

V-MODA M-100

疯狗3.2版

还有这里。有什么建议吗？

脚本代码中有语法错误。我已经固定好了小提琴。用以下内容替换JS

  function validate() {
    var radioError = checkRadio();

    if (radioError) {
      document.frmOne.submit();
    }
    else {
      return false;
    }
  }
  function checkRadio() {
    var headphone = "";
    var len = document.frmOne.headphone.length;
    var i;

    for (i = 0; i < len; i++) {
      if (document.frmOne.headphone[i].checked) {
        headphone = document.frmOne.headphone[i].value;
        break;
      }
    }

    if (headphone == "") {
      document.getElementById("radio_error").innerHTML = "You do not have a choice selected.  Please select a choice.";
      return false;
    }
    else {
      document.getElementById("radio_error").innerHTML = "";
      return true;
    }
  }

函数验证（）{
var radioError=checkRadio（）；
如果（无线电错误）{
document.frmOne.submit（）；
}
否则{
返回false；
}
}
函数checkRadio（）{
var耳机=”；
var len=document.frmOne.heephone.length；
var i；
对于（i=0；i


如果代码中有语法错误，请检查console…console？我用普通的HTML来运行这个。我不使用Javascript控制台。我刚刚找到了可能可以使用的代码，并对其进行了一些修补。ConsoleEnvM，找到了联机控制台。。。说真的，这几乎和Linux的g++错误列表一样好，这是一件好事，因为我在Linux上学习。我已经知道了。谢谢，欢迎你，伙计。。。快乐编码！