提问者:小点点

jQuery多个条件语句


我有这个代码:

    $('#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() == '')

我试过的其他方法都不起作用。

我该怎么做?


共1个答案

匿名用户

只需按类设置目标,使其具有多个元素,然后使用$(this)

例如:在一批输入中设置一个跟随所有内容的最终值。

$(function() {
    result = true
    $('.input').each(function () {
      if ($(this).val() === '') {
          result = false
      }
    })
    result ? $("#target").addClass('success') : $("#target").removeClass('success');
});

=>https://jsfidle.net/cjwro7k2/1/

您的基本用例

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

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