1

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

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

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

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

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

<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";
}
4

1 回答 1

4

尝试以下操作：

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)
})

演示

于 2012-07-23T05:25:36.547 回答