首页 > 解决方案 > 检查无线电输入中的值类型

问题描述

我想知道你如何检查无线电输入中的值,我有语法问题,我不太确定是否应该加上引号,我试图测试它们但是当我点击 Enter 按钮时说找不到我的文件,所以我无法测试它。但是我只需要有关如何检查无线电输入中的值的帮助,如果您能帮助我找出正确的语法,我将非常感激!

这是我试图做的事情:

用户输入一些文本 > 文本的 id = "name1" 用户选择以下选项之一 > 是;有点儿; 否 用户点击回车按钮 > 函数organizeUnderstanding1() 假设将输入名称1 组织到result1H 中;结果1M;结果1E;取决于他们使用无线电输入选择的内容

       <div>
        <input type="text" id="name1">
    </div>

 <div id="understandingCheck1">
      <form>
        <p>Question 1?</p>
        <input type="radio" id="yes1" name="understanding1" value="yes" required>
        <label for="yes">yes</label><br>
        <input type="radio" id="kindOf1" name="understanding1" value="kindOf">
        <label for="kinda">kind of</label><br>
        <input type="radio" id="no1" name="understanding1" value="no">
        <label for="no">no</label><br><br>
        <button onclick="hideUnderstandingCheckDiv(); organizeUnderstanding1();">Enter</button>
      </form>
    </div>
    
      <div id="workDiv">
        <p>Here´s what you said YES to:</p>
        <p><span id="result1H"></span></p>
        <p>Here's what you said KIND OF to:</p>
        <p><span id="result1K"></p>  
        <p>Hereś what you said NO to:</p>
        <p><span id="result1Y"></span></p>
      </div>
    
    
      <script>
      
      function hideUnderstandingCheckDiv(){              
          
          document.getElementById("understandingCheck1").style.display = "none";
          document.getElementById("workDiv").style.display = "block";
          
      }
      
      
      function organizeUnderstanding1() {
      var understanding1 = document.getElementByName("understanding1").required;
              if (understanding1.value =="yes" ){
                 document.getElementById("result1Y").innerHTML =                        document.getElementById('name1').value;
              } else if (understanding1.value =="kinda" ){
                document.getElementById("result1K").innerHTML =                         document.getElementById('name1').value;
              } else if (understanding1.value =="no" ){
                document.getElementById("result1N").innerHTML =                         document.getElementById('name1').value;
              } else {
                break;
              }
       }
       
    
      </script>

标签: javascriptinputradio-button

解决方案


推荐阅读