使用jquery获取已检查单选按钮的最快方法

Question

我想获得所选的单选按钮,并使用jquery显示与单选按钮对应的文本.

<div id="Poll">
    <div id="PollQuestion">Your favorite color?</div>
    <ul>
        <li class="liAnswer">
            <input type="radio" value="1" name="Answer" class="clsAnswer"/>
            <span>Red</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="2" name="Answer" class="clsAnswer"/>
            <span>Blue</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="3" name="Answer" class="clsAnswer"/>
            <span>Green</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="4" name="Answer" class="clsAnswer"/>
            <span>Yellow</span>
        </li>
    </ul>
    <input type="button" value="Submit Vote" id="btnVote"/>
</div>

首先,检查是否没有选定的颜色,然后显示所选的颜色和相应的值.

我怎样才能做到这一点？

这是我在jsfiddle中的代码
http://jsfiddle.net/LhFPD/1/

Answer 1

工作方案在这里

$("#btnVote").click(function(){
    var selected = $(".clsAnswer:checked");
    if(!selected.val()){
        alert('No color selected!')
    }
    else{
        var selectedValue = selected.val();
        var selectedName = selected.siblings().text();
        alert("Color: " + selectedName + "\r\nValue: " + selectedValue );
    }
});

解决问题:)

Answer 2

$('#Poll :radio:checked').val()

http://jsfiddle.net/LhFPD/5/