如何使用JavaScript获取单选按钮的选中值

时间:2014-01-24 16:47:03

标签: javascript html-form

以下代码是我在JavaScript中使用的,用于检查选择了哪个单选按钮。这是我在互联网上看到过的几件我已经尝试过并且没有成功的事情的汇编。我在Using javascript to check if a radio button is selected and return a specific answer based on the selection中的示例之后构建了此代码。此代码仍无效。

var userInput;
var shopMethod = document.getElementsByName('Shopping');

for (var a = 0; a < shopMethod.length; a++)
{
    If (shopMethod[a].checked)
    {
        userInput = shopMethod[a].value;
    }
}

If (userInput == "M")
{
    strShopping = "Mail Order Catalog";
}
If (userInput == "L")
{
    strShopping = "Local Computer Store";
}
If (userInput == "C")
{
    strShopping = "Computer Superstore";
}       
If (userInput == "I")
{
    strShopping = "Internet/World Wide Web";
}

<input type=radio name="Shopping" value="M"> Mail Order Catalog</br>
<input type=radio name="Shopping" value="L"> Local Computer Store</br>
<input type=radio name="Shopping" value="C"> Computer Superstore</br>
<input type=radio name="Shopping" value="I"> Internet/World Wide Web

我希望变量strShopping等于用户的部分,以便将其发送到数据库。任何人都可以看到错误的位置吗?

2 个答案:

答案 0 :(得分:0)

If (shopMethod[a].checked)

而非I.我在If中的字母是大写的

更新1:

我只想建议这样做以改进您的代码。相反,所有if语句都可以这样做:

var hasTable = {
    "M": "Mail Order Catalog",
    "L": "Local Computer Store",
    "C":"Computer Superstore",
    "I": "Internet/World Wide Web"
};

var strShopping  = hasTable[userInput];

答案 1 :(得分:-1)

您的单选按钮的html语句缺少onclick()函数。 html声明和你引用的函数之间没有联系,上面是连接你的html元素和你的javascript语句