Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Bigwolf777
0 / 0 / 1
Регистрация: 16.05.2013
Сообщений: 2
#1

Скрыть столбец в таблице - JavaScript

03.11.2013, 15:03. Просмотров 1265. Ответов 2
Метки нет (Все метки)

Как сделать скрытие-открытие столбца таблицы по клику флажка?

Это не работает:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>123</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 
function showOst(){
$('#stats_table tbody td, #stats_table thead th'). show();
} 
 
function hideOst(){
$("#stats_table thead th:nth-child("+2+"), #stats_table tbody td:nth-child("+2+")"). hide();
}
 
</script>
 
</head>
<body>
 
<form method="POST" action="javascript:hideOst(); void(0);">
<input type="checkbox" name="C1" value="ON">
</form>
 
<table id="stats_table" border="0" cellpadding="4" cellspacing="2">
    <thead>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Net 1</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
        </tr><tr>
            <td>Net 2</td>
            <td>b</td>
            <td>b</td>
            <td>b</td>
        </tr><tr>
            <td>Net 3</td>
            <td>c</td>
            <td>c</td>
            <td>c</td>
</tbody>
</table>
 
</body>
</html>
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
03.11.2013, 15:03
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Скрыть столбец в таблице (JavaScript):

Закрепить строку и столбец в таблице на странице
Не знал куда написать, если с разделом ошибся просьба перенести тему! В...

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

Показать / Скрыть
Здравствуйте! помогите сделать скрипт показать скрыть по клику, как показано на...

Скрыть поле
Доброго времени суток! При открытии страницы с формой заполнения заказа,...

Скрыть div
Здраствуйте! Извените в javaScript я слобо соображаю! мне нужен код который...

Скрыть iframe
Добрый день! Никак не получается скрыть iframe с помощью javascript. я задаю...

2
koza4ok
626 / 435 / 67
Регистрация: 19.09.2012
Сообщений: 1,633
03.11.2013, 15:17 #2
Для IE 10 http://htmlbook.ru/css/ms-check .Жаль подобного нет для других браузеров.
Для решения задач вам нужны знания javascript/jquery...

http://javascript.ru/ui/show-hide-toggle

Клик на флажок это событие onclick.Проверяете состояние свойства сhecked
0
Bigwolf777
0 / 0 / 1
Регистрация: 16.05.2013
Сообщений: 2
03.11.2013, 16:11  [ТС] #3
Лучший ответ Сообщение было отмечено Bigwolf777 как решение

Решение

Ага, разобрался.
А если нужно скрыть произвольные столбы 1,5,7,8,9,10, 31 - это в одной строке можно прописать
Javascript
1
$("#stats_table thead th:nth-child("+num+"), #stats_table tbody td:nth-child("+num+")"). hide();
или циклом с подстановкой номера?

Добавлено через 17 минут
И как сделать выбор столбцов не по номеру, а по значению в первой строке (в заголовке таблицы), т.е по "Имя", "Фамилия"...:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<thead>
        <tr>
            <th>Имя</th>
            <th>Фимилия</th>
            <th>Дата</th>
            <th>Время</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Net 1</td>
            <td>a</td>
            <td>a</td>
....
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.11.2013, 16:11
Привет! Вот еще темы с решениями:

Скрыть текст
Как можно скрыть текст так,что бы потом можно было вытаскивать с него какую...

Скрыть Javascript
Работаю со сниффером, так вот: можно ли скрыть Javascript каким нибудь словом...

Entity скрыть столбец
Доброго времени суток. Пишу программу с применением БД SQLite через Entity. В...

Скрыть столбец по условию
Добрый день. Подскажите, возможно ли скрыть столбец по определенному условию:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru