评估JavaScript中的单选按钮

我是JavaScript新手，我尝试使用if语句来计算所选单选按钮。它不起作用，所以我问是因为我做错了什么，还是因为在JavaScript中不可能

<form name = "f1">
    <input type = "radio" Name = "r1" Value = "Input" onClick="GetSelectedItem(this)">Input
    <input type = "radio" Name = "r1" Value = "Output" onClick ="GetSelectedItem(this)">Output

</form>


<script> 
var output = document.getElementById('output');
function GetSelectedItem(el) {
    output.innerHTML = el.value;
    if(output=="Input") 
       *** do stuff  *** ///
    else  if( output=="output") 
     ** do stuff2 ***

}
</script>

输入
输出
var output=document.getElementById（'output'）；
函数GetSelectedItem（el）{
output.innerHTML=el.value；
如果（输出=“输入”）
***做事***///
else if（输出=“输出”）
**做事***
}

是可行的，但您需要解决一些问题：

output.innerHTML = el.value;
if(output=="Input") 

在if语句中，您实际上是在检查输出，输出是元素引用，而不是文本或内部HTML。应该是：

if(output.innerHTML=="Input") 

或者只是（如果您除了检查之外没有使用output元素）：

请参见此示例：

函数GetSelectedItem（el）{ 如果（el.value==“输入”）{ 警报（“点击输入”）； }else if（el.value==“输出”）{ 警报（“单击输出”）； } }

输入
输出

是可行的，但您需要解决一些问题：

output.innerHTML = el.value;
if(output=="Input") 

在if语句中，您实际上是在检查输出，输出是元素引用，而不是文本或内部HTML。应该是：

if(output.innerHTML=="Input") 

或者只是（如果您除了检查之外没有使用output元素）：

请参见此示例：

函数GetSelectedItem（el）{ 如果（el.value==“输入”）{ 警报（“点击输入”）； }else if（el.value==“输出”）{ 警报（“单击输出”）； } }

输入
输出

您可以只使用

el.value

var output = document.getElementById('output');

function GetSelectedItem(el) {
    output.innerHTML = el.value;

    if (el.value == "Input") {
      alert(el.value);  
    } else if(el.value == "Output") {
      alert(el.value);
    }
}

---

您可以只使用

el.value

var output = document.getElementById('output');

function GetSelectedItem(el) {
    output.innerHTML = el.value;

    if (el.value == "Input") {
      alert(el.value);  
    } else if(el.value == "Output") {
      alert(el.value);
    }
}

---

不要使用==进行比较，而是使用===作为一个检查值，另一个检查值和类型

我会这样写函数：

<script> 
function GetSelectedItem(el) {
    var output = document.getElementById('output');
    output.innerHTML = el.value;
    if( el.value === "Input")
    {
       *** do stuff  *** ///
    }
    else  if(el.value === "output") 
    {
     ** do stuff2 ***
    }    
}
</script>

函数GetSelectedItem（el）{
var output=document.getElementById（'output'）；
output.innerHTML=el.value；
如果（el.value==“输入”）
{
***做事***///
}
否则如果（el.value==“输出”）
{
**做事***
}    
}

不要使用==进行比较，而是使用===作为一个检查值，另一个检查值和类型

我会这样写函数：

<script> 
function GetSelectedItem(el) {
    var output = document.getElementById('output');
    output.innerHTML = el.value;
    if( el.value === "Input")
    {
       *** do stuff  *** ///
    }
    else  if(el.value === "output") 
    {
     ** do stuff2 ***
    }    
}
</script>

函数GetSelectedItem（el）{
var output=document.getElementById（'output'）；
output.innerHTML=el.value；
如果（el.value==“输入”）
{
***做事***///
}
否则如果（el.value==“输出”）
{
**做事***
}    
}

您发布的HTML中没有id为“output”的元素。那么我应该给每个按钮一个id吗？我想您的代码不知怎么漏掉了？请再次检查语法或澄清more@Engine：否。但是如果您试图获取对ID为

output

（使用

document.getElementById（'output'）；

）的元素的引用，则必须存在具有此类ID的元素。您发布的HTML中没有ID为“output”的元素.那么我应该给每个按钮一个id吗？我想你的代码不知怎么漏掉了？请再次检查语法或澄清more@Engine：否。但是如果您试图获取对ID为

output

的元素的引用（您使用

document.getElementById（'output'）；

），则必须存在具有此类ID的元素。谢谢您的想法！必须等待10分钟才能接受您的答案！不客气！等待没有问题，您可以同时检查代码示例。没有问题。请注意，您可能希望使用onchange侦听器而不是onclick，因为您还可以使用键盘或触摸等方式检查按钮。我知道不是您，您看起来是个好人，我从来不会称您为讨厌鬼（很久以前我就对您的问题投了赞成票）。祝你旅途好运！：）谢谢你的想法！必须等待10分钟才能接受您的答案！不客气！等待没有问题，您可以同时检查代码示例。没有问题。请注意，您可能希望使用onchange侦听器而不是onclick，因为您还可以使用键盘或触摸等方式检查按钮。我知道不是您，您看起来是个好人，我从来不会称您为讨厌鬼（很久以前我就对您的问题投了赞成票）。祝你旅途好运！：）一般来说，这是一个很好的建议，但在这里并不是很重要，因为在与字符串文本进行比较时，这两个比较不会产生不同的结果，就像OP在问题中所做的那样。我的意思是，除了字符串之外，没有其他类型可以计算为，比如说，

“Input”

，对吗？如果它是一个空字符串或其他东西，那么是的，通过简单的值比较，事情可能会变得棘手。：）这太荒谬了。在javascript编码中不应使用==。在这里看到更多细节：在说一些可笑的事情之前，先想一想。阅读该链接上的答案，然后仔细阅读我的评论。然后再仔细阅读这些答案，尤其是这一部分和下面的：

特殊情况是当您将一个文本与一个计算结果为相同文本的对象进行比较时，由于其toString或valueOf方法。例如，考虑字符串文字与字符串构造函数创建的字符串对象的比较。一般来说，这是一个很好的建议，但在这里并不重要，因为在与字符串文本进行比较时，没有什么能在两个比较之间给出不同的结果，就像OP在问题中所做的那样。我的意思是，除了字符串之外，没有其他类型可以计算为，比如说，
“Input”
，对吗？如果它是一个空字符串或其他东西，那么是的，通过简单的值比较，事情可能会变得棘手。：）这太荒谬了。在javascript编码中不应使用==。在这里看到更多细节：在说一些可笑的事情之前，先想一想。阅读该链接上的答案，然后仔细阅读我的评论。然后再仔细阅读这些答案，尤其是这一部分和下面的：
特例是wh