Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 01.04.2020
Сообщений: 18

Удаление строк в таблице

02.11.2021, 18:44. Показов 915. Ответов 2

Студворк — интернет-сервис помощи студентам
Добрый день!
Коллеги, у меня есть таблица и функции js к ней. Не получается удалить строки, у которых выбран чекбокс после нажатия на кнопку Удалить.
Была бы очень признательна за вашу помощь или подсказку что здесь может быть не так
Прилагаю код:
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
<p><button id="twofuns">Удалить</button></p>
<div style="color:red;" id="successMessage"> </div>
 
<div id="docs">
    @if (ViewBag.ApplicationList.Count == 0)
    {
        <br />
        <span class="product_title">Ничего не найдено</span>
        <br />
 
    }
    else
    {
        <table id="myTable">
            <tr class="table table-sm table-hover" border="0">
            <tr>
                <th scope="col"></th>
                <th scope="col">ID заявления</th>
                <th scope="col">Номер заявления</th>
                <th scope="col">ID организации</th>
                <th scope="col">ID абитуриента</th>
                <th scope="col">ID документа</th>
                <th scope="col">ФИО абитуриента</th>
            </tr>
            @foreach (var item in ViewBag.ApplicationList)
            {
                var fio = item.LastName + " " + item.FirstName + " " + item.MiddleName;
                <tr id="@item.ApplicationID">
                    <th scope="row"><input id="Check" type="checkbox" name="enabled"><span> Выбрать </span></th>
                    <th>@item.ApplicationID</th>
                    <td>@item.ApplicationNumber</td>
                    <td>@item.InstitutionID</td>
                    <td>@item.EntrantID</td>
                    <td>@item.IdentityDocumentID</td>
                    <td>@fio</td>
                </tr>
            }
        </table>
 
    }
</div>
<div class="result" />
а вот две функции js:
JavaScript
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
            var btn = document.querySelector('#twofuns');
            btn.addEventListener('click', ShowInput);
            btn.addEventListener('click', delRow);
            function ShowInput() {
            var grid = document.getElementById("myTable");
            var checkBoxes = grid.getElementsByTagName("input");
            var masApplication = [];
            var instID = [];
            for (var i = 0; i < checkBoxes.length; i++) {
                if (checkBoxes[i].checked) {
                    var row = checkBoxes[i].parentNode.parentNode;
                    var row2 = checkBoxes[i].parentNode.parentNode;
                    masApplication.push(row.cells[1].innerHTML);
                    instID.push(row2.cells[3].innerHTML);
                }
            }
            var res = confirm('Удалить выбранные заявления?');
                if (res == false) {
                     return 0;
                 }
        $.ajax({
            type: "POST",
            url: '@Url.Action("ApplicationRemove", "Applications")',
            traditional: true,
            data: { data_param2: masApplication, data_param1: instID },
            success: function (msg) {
                $("#successMessage").html("Заявления удалены");
              
            }
        })
    }   
            function delRow() {
            var checkBoxes = grid.getElementsByTagName("input");
                for (var i = 0; i < checkBoxes.length; i++) {
                    if (checkBoxes[i].checked) {
                         document.getElementById("myTable").deleteRow(i);
            }
        }
    }
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.11.2021, 18:44
Ответы с готовыми решениями:

Удаление строк в таблице
Уважаемые профи SQL, прошу помощи. Начал изучать InterBase, столкнулся с такой проблемой: После удаление строк в таблице командой ...

Удаление строк в таблице
Требуется удалить из таблицы последние записи, количество которых находится в переменной $n_del: mysql_query(&quot;DELETE FROM...

Удаление строк в таблице
Ещё раз всем привет! Каким образом можно удалять строки в исходной таблице? У меня есть Юзерформа, на которой расположены лейблы с...

2
 Аватар для diadiavova
7258 / 2605 / 744
Регистрация: 11.04.2015
Сообщений: 4,149
Записей в блоге: 43
02.11.2021, 20:56
Лучший ответ Сообщение было отмечено Nastasya1 как решение

Решение

JavaScript
1
2
3
4
5
    function delRow()
    {
      for (var chb of document.querySelectorAll("#myTable input:checked"))
        chb.closest("tr").remove();
    }
1
0 / 0 / 0
Регистрация: 01.04.2020
Сообщений: 18
02.11.2021, 23:02  [ТС]
спасибо вам огромное!!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
02.11.2021, 23:02
Помогаю со студенческими работами здесь

Удаление строк в таблице
Здравствуйте есть макрос, который удаляет строки, если в столбце &quot;B&quot; шрифт ячейки красного цвета: Sub Макрос1() Dim sh As...

Удаление строк в таблице Word
Здравствуйте! Редактирую записи в своем шаблоне word и возникла необходимость удалить слово в тексте документа (эквивалент клавише del) и...

Удаление строк в таблице Excel
Подскажите пожалуйста как удалить из таблицы Excel те строки, в которых в столбце А больше пяти символов?

Удаление в таблице пустых строк
Здравствуйте! У меня есть документ, в котором много таблиц (на каждой странице - новая таблица, и каждая страница представляет собой...

Удаление строк в таблице Word
Доброго всем дня. Не получается удалить нужную строку. Что не хватает? procedure TForm3.Button2Click(Sender: TObject); begin ...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru