檢查選中哪個單選按鈕

Question

----編輯----

我正在製作一個jquery移動應用程序。現在我想檢查哪個單選按鈕被選中。

這就是我在我的JavaScript中所做的。

function filter(){ 
    if(document.getElementById('segment1').checked) { 
     alert('Iedereen'); 
    }else if(document.getElementById('segment2').checked) { 
     alert('team'); 
    }else{ 
     alert('favorieten'); 
    } 
} 

恩，這是我的HTML

<div data-role="fieldcontain"> 
<fieldset data-role="controlgroup" data-type="horizontal" onchange=filter() > 
    <input type="radio" name="radio-view" data-icon="segment-titlestyle-segonly" id="segment1" value="choice1" checked="checked"/> 
    <label for="segment1" id="controls"> 
    <span class="ui-btn-text-controls">Iedereen</span> 
    </label> 
    <input type="radio" name="radio-view" data-icon="segment-titlestyle-segonly" id="segment2" value="choice2" /> 
    <label for="segment2" id="controls"> 
    <span class="ui-btn-text-controls">Team</span> 
    </label> 
    <input type="radio" name="radio-view" data-icon="segment-titlestyle-segonly" id="segment3" value="choice3" /> 
    <label for="segment3" id="controls"> 
    <span class="ui-btn-text-controls">Favorieten</span> 
    </label> 
</fieldset> 

出於某種原因，這是行不通的。任何人都可以幫忙嗎？

親切的問候。

Answer 1

你的榜樣工作http://jsfiddle.net/Jgrgk/4/

Answer 2

function AlertRadioId(groupName) { //groupName is "radio-view" 
    var radios = document.getElementsByName(groupName); 
    for(i = 0; i < radios.length; i++) { 
     if(radios[i].checked) { 
      alert(radios[i].value); 
      return true; 
     } 
    } 
} 

需要調用此功能按鈕/單選按鈕onclick事件的事件