Question

我正在计算有多少个配置文件字段项为空，并将计数显示为标签。如果所有字段都已完成，则会显示勾号而不是计数（0）。

喜欢这个

$(function() {
    var num = $('input[name^="p-"]').filter(function(){
        return !$(this).val();
    }).length;
    if (num > 0) {
    $('.Personal').prepend('<span class="label label-important" title="<?php _e('Incomplete'); ?>">'+num+'</span>');
    } else {
    $('.Personal').prepend('<span class="label label-info" title="<?php _e('Completed'); ?>">&#10004;</span>');
    }
});

我想更新它，以便在每个字段完成后更新计数，因此您会在完成字段时看到它倒计时。

实现这一目标的最佳方法是什么？

Answer 1

$('input[name^="p-"]').on('change',function(){
    var num = $('input[name^="p-"]').filter(function(){
        return !$(this).val();
    }).length;
    if (num > 0) {
    $('.Personal').prepend('<span class="label label-important" title="<?php _e('Incomplete'); ?>">'+num+'</span>');
    } else {
    $('.Personal').prepend('<span class="label label-info" title="<?php _e('Completed'); ?>">&#10004;</span>');
    }
});

如果你想选择textarea以及如此修改选择器

$('input[name^="p-"], textarea').on('change',function(){});

当然，如果您愿意，也可以[name^="p-"]申请

更新空输入计数更改事件

1 个答案: