Изменять background цвет неудара в лунку, когда не будет пустой [jQuery]

Хорошие люди.

Я отношусь, что, наполнив неудар в лунку, он сам изменил его background-color, это было бы должно делаться dinamicamente, не имея необходимости кликать в пуговице или загружать страницу. Я это попробовал, но Вы не функционируете:

function ActiveInputs() {
var gg = $('#search-form').find('input:text,select, textarea').val();

$(gg).on('blur', function () {

    if ($(this).val() != '') {
        $(this).css('background-color', 'red');
    }
});

Álguien бросает мне руку?

4
задан 31.05.2016, 01:11
2 ответа

PodrГ-схвати создавать одну funciГіn, чтобы изменять css с jquery и выполнять прямо в travГ©s события onchange () например:

function cambio(elemento){
  if ($(elemento).val() === "") {
    $(elemento).css("background-color", "");
  }
  else{
    $(elemento).css("background-color", "blue");
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <label for="example">Ingreso Texto</label>
  <input type="text" onchange="cambio(this)" id="example" name="example"/>
</body>
0
ответ дан 24.11.2019, 14:16

Ты можешь использовать селектор: неудар в лунку, чтобы брать все элементы form. В событии change ты подтверждаешь, есть ли у него стоимость и, в funciГіn, если стоимость - vacГ - или или нет, ты распределяешь ему класс css, чтобы менять фон:

$(function(){
  $('#search-form :input')
    .change(function(){
      var $input = $(this);
      if ($input.val() === '')
      {
        $input.removeClass('filledInputs');
      }
      else
      {
        $input.addClass('filledInputs');
      }
    });
});
.filledInputs{
  background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="search-form">
  <input type="text" /> <br /><br />
  <textarea cols="20" rows="4"></textarea> <br /><br />
  <select>
    <option value=""></option>
    <option value="1">Uno</option>
    <option value="2">Dos</option>
    <option value="3">Tres</option>
    <option value="4">Cuatro</option>
  </select>
</form>
3
ответ дан 24.11.2019, 14:16

Теги

Похожие вопросы