После нажатия на input radio li должен скрыться?

Question

[Виктор Уманский]

Всем привет, делаю to-do задачу, есть список задача с input radio, после нажатия он должен удалиться, то есть пропасть списка (само удаления задачи проходит успешно), не могу выполнить jquery часть.

Пример:
Удаляю какую-нибудь задачу, div блок скрывает, а когда удаляю еще раз увы удаления не происходит???

<li class="list-group-item task" id="<?= $res['id'] ?>">
    <input type="radio" name="radioTask" class="radioTask" value="<?= $res['id'] ?>">
    <label>
        <span class="list-task"><?= $res['task'] ?></span>
    </label>
</li>

// это часть отправляет value значение в PHP
  $(".radioTask").click(function () {
        var val = $(".radioTask:checked").val();
        $.ajax({
            type: "GET",
            url: "ajax.php",
            data: {val: val},
        });

// а вот это часть скрывает div#task блок
        $("#task").css({
            display: "none",
            visibility: "hidden"
        });
    });

Comments

[Ankhena]

Не всё понятно.
Если вы уже убрали элемент, то почему он должен убраться второй раз?
Возможно, у вас их, на самом деле, несколько, но с одинаковыми id. Но id в пределах страницы должны быть уникальными.

Удобнее манипулировать классами, чем менять стили через JS. Если вам вдруг понадобится вернуть блок, то придется как-то вспоминать какой у него был display.

И div нельзя вставлять в label. Замените на span.

[Виктор Уманский]

Ankhena,

И div нельзя вставлять в label. Замените на span.

за span спасибо учту.

Возможно, у вас их, на самом деле, несколько, но с одинаковыми id. Но id в пределах страницы должны быть уникальными.

Они у меня уникальны

<input type="radio" name="radioTask" class="radioTask" value="170"> 
<input type="radio" name="radioTask" class="radioTask" value="182">

Как получается, первый div скрывается, а вот второй нет, только после F5 все повторяется, то что ранее написал!?

[Ankhena]

Виктор Уманский, сделайте, пожалуйста, песочницу, иллюстрирующую проблему, на jsfiddle.com

[Виктор Уманский]

Ankhena,

сделайте, пожалуйста, песочницу, иллюстрирующую проблему, на jsfiddle.com

я на codepen'e сделал проблема

[Ankhena]

Виктор Уманский, и почему вы говорите, что id разные, если я вижу кучу одинаковых <div id="task">
И вам нужен each и $(this). Если бы сейчас вы обращались к дивам не по id, а по классу, то скрылись бы все блоки. А вам, я так подозреваю нужен один.
Судя по коду вы творите что-то странное. Если вы обрабатываете именно клик, то зачем радио? У радио есть свои, более удобные, события.
Может расскажете, какую именно задачу вы решаете на самом деле?

p.s. песочница, кстати, не иллюстрирует проблему, вы забыли подключить к ней JQ.

[Виктор Уманский]

вы забыли подключить к ней JQ

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

Может расскажете, какую именно задачу вы решаете на самом деле?

да конечно
Я делаю список задач (to do task/list). При добавления задачи формируется большой список, и он завернут в li и у каждого name есть свой input=radio.
Какая логика происходит дальше, после того как пользователь input=radio, то эта задача удаляется (на стороне сервера успешно удаляется), а на странице пользователя должен отработать скрипт, который скроет тот список который нажал пользователь!

Answer 1

[Виктор Уманский]

Как мне подсказали

$(".radioTask").click(function () {
        var val = $(".radioTask:checked").val();
        $.ajax({
            type: "GET",
            url: "",
            data: {val: val},
        });
        $('.task').click(function(){
            $(this).remove();
        });
    });

Answer 2

[Alekosh Akhosh]

Из-за visibility: "hidden" и скрывается твой див

Comments

[Виктор Уманский]

скрывается твой див

ну правильно, так и должно скрываться, что бы он не отображался пользователю