使用javascript提交表单？答案

【问题标题】：Submitting a form using javascript?使用javascript提交表单？
【发布时间】：2014-01-04 21:21:53
【问题描述】：

我的表单中有一个性别字段。

我给它起了相同的名字，即'gender'，我给它赋予了相同的id，即'gender'。

现在我想展示我从两个选项中选择的内容。但是使用相同的ID，它不起作用。我已经将 onclick 事件应用到一个文本框，我想要它，所以每当我点击该文本框时，我都会显示一个 javascript 警报，显示我选择的内容，无论是男性还是女性。

请帮忙！

gender:<input type="radio" name="gender" id="gender" value="female"/>female
      :<input type="radio"  name="gender" id="gender" value="male" />male

  <input type="text" name="textbox" onclick="check()" />



   <script type="text/javascript">
      function check()
 {

 var a=document.getElementById("gender").value;
 alert(a);
 }

</script>

     function addUser() {
//how to check what is the selected radio input
alert(getCheckedRadioId('u_type'));
    }
         function getCheckedRadioId(name) {
var elements = document.getElementsByName(name);

for (var i=0, len=elements.length; i<len; ++i)
    if (elements[i].checked) return elements[i].value;
  }


 </script>

  now this code alerts that what i have choosen but the problem is that i want the    alert's value  in a variable so that i could send this value to database...so how should i take the alerted value in a variable.....

【问题讨论】：

欢迎来到 SO。下一次，请以 1 结束你的句子。，而不是 3 或 4。请记住尝试写下您的问题，以便这里的人更容易深入了解您的问题！

标签： javascript

【解决方案1】：

你可能想看看这个： javascript selected radio

基本上，如果您有一个按名称获取检查的单选值的函数，问题就会得到解决。取自以上链接：

var selected = '';
var elements = document.getElementsByName('gender');

for (var i = 0, i < elements.length; i++)
{
    if (elements[i].checked)
        selected = elements[i].value;
}

alert(selected);

您也可以考虑使用 jQuery。在这种情况下会很有帮助。

【讨论】：

非常感谢您的帮助...它工作得非常好...thanxx 很多
您可能想检查用户是否选择了任何内容。如果他没有，在这种情况下，选定的值将是一个空字符串。您可能还想将此答案标记为已接受，以便其他人知道它有效。

【解决方案2】：

您的问题是每个元素都必须有一个唯一的 Id，并且您给两个元素提供了相同的 Id。我不确定哪个 getElementById() 会返回。我假设是第一个。

但是，您可以为多个元素提供相同的名称。然后可以使用 getElementsByName() 来检索包含这两个元素的数组，并且可以返回是否设置了元素的 Checked 属性。

【讨论】：