使用jQuery计算已检查的单选按钮

Question

我的页面有不同数量的单选按钮.这些按钮有两个不同的类yes,和no.当用户下到页面时,我需要确定他们选择的每个类的数量,并将其显示在<p>页面底部的a 中.

当用户多次点击单选按钮时,我遇到阻止1添加到变量的问题.这是我的代码JS小提琴:

http://jsfiddle.net/AnWU3/3/

由于某种原因,它根本不起作用,我不明白为什么.

Answer 1

请尝试以下方法:

$(document).ready(function() {
    $('input:radio').change(function(){
        var yes = $('.yes:checked').length
        var no = $('.no:checked').length
        $('.yes_results').text(yes)
        $('.no_results').text(no)                        
    })
});

DEMO