javascript - 基本表单验证: why won't my class be added or removed?

Question

我正在尝试默认禁用一个按钮，并且仅在用户填写了标有类别的字段后才将其激活。

这是 jsFiddle:https://jsfiddle.net/co3d5phy/2/

我的 jQuery 看起来像这样:

function checkForAnswers() {
  var count = $('.pdf-checklist-17012[value!=""]').length;
  var total = $('.pdf-checklist-17012').length;

  if (count == total) {
    $('.pdf-17012').removeClass('disabled');
    $('.pdf-17012').removeAttr('disabled');
  } else {
    $('.pdf-17012').addClass('disabled');
    $('.pdf-17012').attr('disabled', 'disabled');
  }
  console.log(count + '/' + total);
}

checkForAnswers();
$('.pdf-checklist-17012').on('keyup', checkForAnswers);

jsFiddle 似乎无法工作，当我查看 Chrome 中的控制台时，无论完成了多少个字段，它都会记录 0/5 。我错过了什么？

Answer 1

您正在寻找不会改变的 html 属性值。 你可以用这样的想法来解决这个问题:

var count = $('.pdf-checklist-17012').filter(function(){
    return $(this).val() !== "";
}).length;