无线电组。转变

Question

我有

<html>
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<body>
  <div id="menu">
    <input type="radio" name="RadioGroup" id="RadioGroup_0" value="0">Item 1</label>
  <br>
    <input type="radio" name="RadioGroup" id="RadioGroup_1" value="1">Item 2</label>
  </div>

  <script src="js/options.js"></script>
</body>
</html>

我要切换

 var elements = document.getElementsByName('RadioGroup');
  switch (elements.value) {
    case 0:
      alert("0");
      break;
    case 1: 
      alert("1");
  }

但是，不行。

Answer 1

elements 是一个 "array-like" 对象，因此您不应从中访问 .value。相反，您可以采用其引用的元素之一并使用 elements[0].value.

Answer 2

我在这里添加了一个按钮来检查您的开关。

HTML

<div id="menu">
            <input type="radio" class="RadioGroup" name="RadioGroup" id="RadioGroup_0" value="0">Item 1</label>
            <br>

            <input type="radio"  class="RadioGroup" name="RadioGroup" id="RadioGroup_1" value="1">Item 2</label>
                <button>check</button>
</div>

JS

$('button').click(function(event){
var value=$("#menu>input:radio[name='RadioGroup']:checked").val();
switch (value) {
    case '0':
        alert("0");
        break;
    case '1': 
        alert("1");
}

您在 switch 中尝试的值是一个字符。我只是在你的案例中将其包含在 '' 中。重要提示：需要 jQuery

Demo JSFIDDLE

无线电组。转变

RadioGroup. Switch

javascript

google-chrome-extension