检查选中的单选按钮

时间:2012-03-30 07:20:28

标签: javascript html css jquery-mobile

---- ---- EDIT

我正在制作一个jquery移动应用程序。现在我想检查哪个radiobutton被检查。

这就是我在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>

由于某种原因,它不起作用。有人可以帮忙吗?

亲切的问候。

2 个答案:

答案 0 :(得分:1)

您的示例工作http://jsfiddle.net/Jgrgk/4/

答案 1 :(得分:0)

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事件

的情况下调用此函数