Задать вопрос
@YoGaMen27

Как добавить строку в таблицу если предыдущая строка заполнена?

Имеется таблица, задумка такая что если в первой строке хотя бы в одну из ячеек что ни будь введено то со следующей строки снимается display: none;, ну и соответственно если удалить содержимое всех ячеек этой строки, то display: none; присваивается следующей строке.
Вот сама таблица:
<table class="iksweb tabl-1">
			<tbody>
				<tr class="tabl-stroka title">
					<td>Основные этапы (мероприятия) проекта</td>
					<td>Срок реализации</td>
					<td>Место реализации</td>
					<td>Ответственные исполнители</td>
				</tr> 
				<tr class="stroka-163">
                    <td><input type="text" class="inputtext" name="form_text_163"></td>
                    <td><input type="text" class="inputtext" name="form_text_219"></td>
                    <td><input type="text" class="inputtext" name="form_text_220"></td>
                    <td><input type="text" class="inputtext" name="form_text_221"></td>
                </tr>
                <tr style="display: none;" class="stroka-221">
                    <td><input type="text" class="inputtext" name="form_text_222"></td>
                    <td><input type="text" class="inputtext" name="form_text_223"></td> 
                    <td><input type="text" class="inputtext" name="form_text_224"></td>
                    <td><input type="text" class="inputtext" name="form_text_225"></td>
                </tr>
                <tr style="display: none;" class="stroka-225">
                    <td><input type="text" class="inputtext" name="form_text_226"></td>
                    <td><input type="text" class="inputtext" name="form_text_227"></td>
                    <td><input type="text" class="inputtext" name="form_text_228"></td>
                    <td><input type="text" class="inputtext" name="form_text_229"></td>
                </tr>                
			</tbody>	
		</table>

А вот так я сейчас выполняю скрытие/показ ячеек:
$('input[name="form_text_163"], input[name="form_text_219"], input[name="form_text_220"], input[name="form_text_221"]').on('keyup',function(){
  var $this = $(this),
  val = $this.val();
  
	if(val.length !== 0){
		$('.stroka-221').show(100);
	}else {
		$('.stroka-221').hide(100);
	}
});

$('input[name="form_text_222"], input[name="form_text_223"], input[name="form_text_224"], input[name="form_text_225"]').on('keyup',function(){
  var $this = $(this),
  val = $this.val();
  
	if(val.length !== 0){
		$('.stroka-225').show(100);
	}else {
		$('.stroka-225').hide(100);
	}
});


Впринципе все работает, но немного не так как хотелось бы, если например заполнены все ячейчки таблицы и пользователь собираться переписать какую ни будь из ячеек то когда он отчистил ячейку следующая строка скрывается, а хочется что если в одном из четырех инпутов что то имеется то строка не должна скрываться и только если во всех четырех ячейках стало пусто то скрывалась бы следующая строка.

И наверное нужно добавить какое ни будь правило если строка скрыта то данные во всех ее ячейках в ней удаляются
  • Вопрос задан
  • 46 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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