php - Javascript 或 jQuery 中的计数器

Question

我正在开发一个调查网站，我想向用户显示有多少问题需要回答。

由于问题是动态的，我从数据库中读取了问题总数以显示在计数器中。

然后每次用户回答问题时(用户从单选按钮组中选择答案)，我会将计数器减一，依此类推。

我有一个函数，每当用户单击单选按钮时就会调用它，并且效果很好。但是我不知道如何代表柜台？以及如何在屏幕上显示计数器？我应该将什么值传递给该函数？如果我们能以一种漂亮的视觉方式显示计数器，那也会很有帮助，即使用户向上或向下滚动，计数器也应该始终可见。

每个问题都是独一无二的:

<div id="Q1">What is your gender?
<input type='radio' name='RQ1' value='Male' onClick="RadioClicked(Q1)" />
<input type='radio' name='RQ1' value='Female' onClick="RadioClicked(Q1)" />
</div>

这是 Javascript 函数，例如我正在更改背景颜色以确保该函数有效，但在这个函数中我应该递减计数器:

function RadioClicked(Question){
        document.getElementById(Question).style.backgroundColor = "Gray";
}

Answer 1

尝试以下操作:

var q = $('div[id^="Q"]').length // number of questions
$('input[type=radio]').change(function(){
    $(this).parent().css('background-color', 'Gray');
    var remained = q - $('input[type=radio]:checked').length // number of unanswered questions
    $('#remaining').text(remained)
})

DEMO