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>

我想要make switch

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

但是，不行。

Answer 1

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

<强> 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

Answer 2

elements是一个“类似数组”的对象，因此您不应该从中访问.value。相反，您可以使用其中一个引用的元素并使用elements[0].value。

RadioGroup中。开关

2 个答案: