javascript - 如何在 JavaScript 函数的单选输入控件中引用选中的值？

Question

我需要 html 表单的输出元素来显示基于从单选按钮集中检查的任何项目的内容。当我只需要显示选中的值时，它工作正常，但是当我尝试使用函数来切换输出时，if 语句不起作用 - 函数总是返回“华氏度”:尽管 option.value 仍然是“celcius”(无论选项按钮交换的频率如何):

<script>
    function switchOpt(opt){
        if (opt='celcius'){
        return 'Farenheit';
        }else{
        return 'Celcius';
        }
    }
</script>
<form oninput="swap.value=switchOpt(option.value)">
    <input type="radio" name="option" value="celcius" checked /> Celcius <br />
    <input type="radio" name="option" value="farenheit" /> Farenheit <br />
    <output name="swap"></output>
</form>

if 语句的相同设置适用于其他函数，因此我猜测问题在于数据类型不匹配或我试图引用此处的值的方式不匹配。

如何在函数内的一组单选按钮中引用选中的值？

Answer 1

function switchOpt(opt) {
  if (opt == 'farenheit') {
    return 'Farenheit';
  } else {
    return 'Celcius';
  }
}

<form oninput="swap.value=switchOpt(option.value)">
  <input type="radio" name="option" value="celcius" checked /> Celcius <br />
  <input type="radio" name="option" value="farenheit" /> Farenheit <br />
  <output name="swap"></output>
</form>

注意 if 条件的变化...

=== 运算符检查值和类型，而 == 仅比较值。例如，即使一个是字符串而另一个是数字，3 == '3' 也会返回 true，为了避免这种情况，应该使用 ===。因此，我想说使用前者更安全，尽管我在这里使用了 == :)单=用于赋值。例如 var x = document.getElementById(‘box’);