目前我开发了一个程序，可以获取所有输入字段的计数，并将单独填写的字段数量的百分比相加。
我现在需要的是，我需要为每个输入字段分配一个数字，当用户填写输入字段时，我需要将其作为“SCORE ”显示给用户。
下面是我构建的程序。
<html>
<body>
<label> Name </label>
<input class="track"/>
<label> Name </label>
<input class="track"/>
<h5>Profile Strength <span class='perc'>0</span>%</h5>
</body>
</html>
JavaScript 是
<script>
$('.track').change(function(e) {
update_progress();
});
// supports any number of inputs and calculates done as %
function update_progress() {
var count = $('.track').length;
var length = $('.track').filter(function() {
return this.value;
}).length;
var done = Math.floor(length * (100 / count));
$('.perc').text(done);
$('.meter').width(done + "%");
}
因此，当您填写第一个输入字段时，“个人资料强度”将显示 50%，因为只有 2 个输入字段，而当您填写第二个输入字段时，它将显示 100%。
我想在这里显示一个数字而不是百分比
输入1 = 10
输入2 = 20
因此，当用户填写输入 1 时，他的“SCORE”将为 10， 当用户填写下一个输入时，总数必须添加并实时显示 30。
抱歉，如果让一些开发人员感到困惑，但这是我理解我收到的任务的唯一方法。
最佳答案
尝试以下操作: 网页:
<html>
<body>
<label> Name </label>
<input class="track" data-score=10 />
<label> Name </label>
<input class="track" data-score=20 />
<h5>Profile Strength <span class='perc'>0</span>%</h5>
<h5>Score <span id="score">0</span></h5>
</body>
</html>
JS:
$('.track').change(function(e) {
update_progress();
});
// supports any number of inputs and calculates done as %
function update_progress() {
var score = 0
$('input.track').each(function(){
var _score = $(this).data("score")
if ($(this).val().length > 0) {
score += _score
}
})
$('#score').text(score)
var count = $('.track').length;
var length = $('.track').filter(function() {
return this.value;
}).length;
var done = Math.floor(length * (100 / count));
$('.perc').text(done);
$('.meter').width(done + "%");
}
或者，现场版本https://jsfiddle.net/wmt6cznh/2/
这是你想要实现的目标吗？
关于javascript - 向用户填写表单的每个输入字段添加分数并显示它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58296961/