Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.11.2013, 22:34
Интересующийся
Отправить личное сообщение для bigjoy Посмотреть профиль Найти все сообщения от bigjoy
 
Регистрация: 12.10.2013
Сообщений: 12

Cкрыть строку таблички в которой есть пустая ячейка
Добрый день. не могу придумать, как сделать следующее

<input type="checkbox" onclick="del()"/>
<table>
<tr>
<td>номер<td/>
<td>имя<td/>
</tr>

<tr>
<td>1<td/>
<td>Игорь<td/>
</tr>

<tr>
<td>2<td/>
<td>&nbsp;<td/>
</tr>
</table>


Нужно чтобы строка в которой имя = &nbsp; исчезала при нажатии checkbox. Пожалуйста помогите решить задачку.
Ответить с цитированием
  #2 (permalink)  
Старый 20.11.2013, 23:06
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 1,586

<input type="checkbox" onclick="del()"/>
<table border="1">
	<tr>
		<td>номер</td>
		<td>имя</td>
	</tr>
	<tr>
		<td>1</td>
		<td>Игорь</td>
	</tr>
	<tr>
		<td>2</td>
		<td>&nbsp;</td>
	</tr>
</table>
<script>
function del() {
	var td = document.getElementsByTagName('td');
	for (var i = 0; i < td.length; i++) {
		if(td[i].innerHTML == '&nbsp;') td[i].parentNode.parentNode.removeChild(td[i].parentNode);
	}
} 
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 20.11.2013, 23:39
Интересующийся
Отправить личное сообщение для bigjoy Посмотреть профиль Найти все сообщения от bigjoy
 
Регистрация: 12.10.2013
Сообщений: 12

Извините, но если в строке 2 и больше ячеек(кроме первой, которая всегда заполнена) и хоть одна ячейка не пустая, то удалять строку не нужно, а данная функция удаляет строку, если в ней есть хотя бы одно пустое значение.
Ответить с цитированием
  #4 (permalink)  
Старый 21.11.2013, 01:09
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

<input type="checkbox" onclick="del()"/>
<table border="1">
	<tr>
		<td>номер</td>
		<td>имя</td>
		<td>отчество</td>
	</tr>
	<tr>
		<td>1</td>
		<td>Игорь</td>
		<td>Иваныч</td>
	</tr>
	<tr>
		<td>2</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>3</td>
		<td>&nbsp;</td>
		<td>Иваныч</td>
	</tr>
	<tr>
		<td>4</td>
		<td>Игорь</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>5</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
<script>
function del() {
	var tr = document.getElementsByTagName('tr');
	for (var i = 0; i < tr.length; i++) {
		var count = 0;
		var td = tr[i].getElementsByTagName('td');
		for (var j = 0; j < td.length; j++) {
			if (td[j].innerHTML != '&nbsp;') count++;
		}
		if (count == 1) tr[i].parentNode.removeChild(tr[i]);
	}
} 
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое создание iframe в Firefox mrbean11 Firefox/Mozilla 8 02.11.2012 21:23
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37
Фиксированный заголовок таблицы ilshat Элементы интерфейса 6 20.12.2008 00:35