2015-03-12 1 views
0

I HaveРадиогруппа. Переключатель

<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"); 
    } 

Но, не работает.

ответ

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"); 
} 

Значение, которое вы пытались в коммутаторе был характер. Я просто включил это в ваши дела. Важное примечание: требует JQuery

Demo JSFIDDLE

+1

Важное примечание: требует JQuery. – Xan

0

elements - объект типа «массив», поэтому вы не должны получить доступ к нему .value. Вместо этого вы можете взять один из своих ссылочных элементов и использовать его elements[0].value.

Смежные вопросы