jquery - jQuery 多条件语句

Question

我有这个代码：

    $('#inputID').on('keyup', function () {
      if ($('#inputID').val() == '') {
          $(".button").removeClass('uk-button-success');
      } else {
          $(".button").addClass('uk-button-success');
      }
    })

它需要一个单一的输入来填充，所以一个特定的按钮会添加一个类。现在我想要检查多个输入，如果所有输入都已填充且不为空，我想将“uk-button-success”类添加到按钮。

 if ($('#inputID', '#inputID2').val() == '')

和我尝试过的其他东西没有用。

我该怎么做呢？

标签： jqueryformsinput

Answer 1

只需按类定位以具有多个元素，然后使用 $(this)

例如：在一批输入中禁用（或不）提交以下所有值。

$(function() {
  $('.input').on('keyup', function() {
    result = true
    $('.input').each(function() {
      if ($(this).val() === '') {
        result = false
      }
    })
    result ? $("#target").prop('disabled', false) : $("#target").prop('disabled', true);
  });
});

https://jsfiddle.net/g84p5b6v/

您的基本用例

$(function() {
    $('.input').on('click', function () {
      if ($(this).val() === '') {
          $("#target").removeClass('success');
      } else {
          $("#target").addClass('success');
      }
    })
});

=> https://jsfiddle.net/45of2nrk/