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> <td/> </tr> </table> Нужно чтобы строка в которой имя = исчезала при нажатии checkbox. Пожалуйста помогите решить задачку. |
Извините, но если в строке 2 и больше ячеек(кроме первой, которая всегда заполнена) и хоть одна ячейка не пустая, то удалять строку не нужно, а данная функция удаляет строку, если в ней есть хотя бы одно пустое значение.
|
<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> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td>Иваныч</td>
</tr>
<tr>
<td>4</td>
<td>Игорь</td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td> </td>
<td> </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 != ' ') count++;
}
if (count == 1) tr[i].parentNode.removeChild(tr[i]);
}
}
</script>
|
| Часовой пояс GMT +3, время: 15:54. |