使用javascript选择单选按钮的问题？ [复制]答案

【问题标题】：prob with selected radio button using javascript? [duplicate]使用javascript选择单选按钮的问题？ [复制]
【发布时间】：2014-06-14 01:52:25
【问题描述】：

未定义的输出！！我错过了什么吗？有什么想法吗？

这里是单选按钮输入：

  <tr> 
   <td>Yes <input type="radio" name="email"  id="email" value="yes"/></td> 
   <td></td> 
   <td>No <input type="radio" name="email" id="email" value="no"checked="checked"/></td> 
  </tr>



 <input type="button" value="submit" onclick="doIt()" style="width: 150px; height:30px" />


    <script type="text/javascript" language="javascript">

       function doIt() {

          var emailopt = document.getElementById('email').checked.value;

        alert (emailopt);


    }

【问题讨论】：

var emailopt = document.getElementById('email').checked; 你没有关闭<script> 标签。此外，您有多个 id，它们应该是唯一的。检查这个：stackoverflow.com/questions/1423777/…
“id”应该是唯一的
只注释js函数语句并在里面加上alert，它也不起作用。

标签： javascript radio-button

【解决方案1】：

您尝试的方式完全错误。而是使用以下方法

1) 使用 name 属性遍历所有单选按钮
2）现在使用checked属性，放置一个if语句，然后提取value

  function doIt() {
      var emailopt = document.getElementsByName('email');
      for (i = 0; i < emailopt.length; i++) {
          if (emailopt[i].checked) {
              alert(emailopt[i].value)
          }
      }
  }

Fiddle

【讨论】：

我应该如何获取价值？我可以用它来添加到 url 字符串或 sth
@user3516668 你检查过小提琴吗？它已经返回了值..你能详细说明一下吗？

【解决方案2】：

试试这个：

function doIt() {

          var emailopt = document.getElementById('email').checked;

        alert (emailopt);


    }

它将返回真假。如果您有任何问题，请告诉我。希望对您有所帮助。

【讨论】：

它确实返回真或假，但我想要是或否的值......任何添加？谢谢