Скрывать input если пустой

223
16 февраля 2018, 17:18

Подскажите как скрывать input если он пустой.

<input class="form-check-inline" type="radio" name="question" value="'.$scripts['scripts_url13'].'"/>
'.$scripts['scripts_answer13'].'<br />';

Пробовал:

if($('.form-check-inline').text() == ' '){
  $('.form-check-inline').css({'display': 'none'});
} else {
  $('.form-check-inline').css({'display': 'form-check-inline'});
}

Но результата не дало

Answer 1

Я так понял, нужно скрыть input,если в него не передано значение. 

$(document).ready(function(){ 
  $('.form-check-inline').each(function(){ 
    if(this.value == '' || this.value == undefined){ 
      $(this).hide(); 
    } 
  }) 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="form-check-inline" type="radio" name="question" value="'.$scripts['scripts_url13'].'"/> 
 
<input class="form-check-inline" type="radio" name="question" value=""/>

Answer 2

Я бы лучше обернул радио кнопки в лейблы и проверял текст уже в лейблах

$('.radio-label').each(function() { 
  if (!$(this).text().length) $(this).hide(); 
  else $(this).show(); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<label class="radio-label"><input type="radio" name="question" value="lul"></label> 
<label class="radio-label"><input type="radio" name="question" value="lulz">choose me!</label>

Answer 3

Я так понял какой-то вопросник. Не знаю зачем скрывать, но вижу как минимум, что

$('.form-check-inline').css({'display': 'form-check-inline'});

В css нет display:form-check-inline. Поменяй хотя бы на display:block(inline-block). И поставь как тебе выше писали text().length == 0

READ ALSO
Как сделать выплывающее меню
CSS

Как сделать выплывающее меню

Привет!У меня есть сайт и на нем есть сайдбар и при нажатии на один с блоков должна плавно выежжать вниз менюЯ смотрел как это сделать в интернете...

 303
Изменение значения в инпуте через JS
CSS

Изменение значения в инпуте через JS

Доброго времени суток, поясните, пожалуйстаИмеется форма

 253
Фон страницы в виде диагональных линий
CSS

Фон страницы в виде диагональных линий

Для страницы сайта есть фоновая картинка в виде диагональных линийЗадавал ей background-repeat, но тогда стыковка заметна

 266
MySQL сумма последних 10-ти записей колонки [дубликат]
MySQL

MySQL сумма последних 10-ти записей колонки [дубликат]

На данный вопрос уже ответили:

 221