Скрыть результат аякс запроса

[ureech]

Привет.

<input onclick="SelectCtype(this)" name="ctype-check" value="id" type="checkbox" />
<div id="id"><label>Text</label></div>

function SelectCtype(e) {

    var inp = document.querySelector("input[name='ctype-check']:checked");
    var container = document.getElementById(inp.value);
    var div = document.createElement("div");
    div.className = 'custom-control custom-checkbox mb-1';
    var lab = document.createElement("label");
    lab.className = 'field-label';
    div.appendChild(lab);
    container.appendChild(div);

    if ($(e).is(':checked')){
 
    $.ajax({
        type: 'POST',
        url: '',
        data: {
            'ctype_id': e.value
        },
        success: function (data) {
            var obj = JSON.parse(data);
            $('.field-label').html(obj);

        }
    });
}else{
    
    alert()
}
}

Если снимаю галочку с чекбокса,нужно скрыть результат аякса. А так у меня даже alert() не работает. Help!

[voraa]

И ни одного сообщения в консоле?

При первом клике галочка появится.
При втором клике галочка уберется и inp будет null

[ureech]

Всё так и есть.inp null, а реакции никакой. В консоле показывает, красным,что inp null)

[ureech]

Я подозреваю,что у меня проблемы с выводом аякса. У меня чекбоксов

<input onclick="SelectCtype(this)" name="ctype-check" value="id" type="checkbox" />
<div id="id"><label>Text</label></div>

несколько. Это список категорий. Мне надо, что бы при выборе одной открывались её подкатегории. А у меня,если я кликаю на первой, выводит под ней,как и надо,но потом,если кликаю по второй, выводит под первой в двух экземплярах. Получается создаётся блок для вывода не под тем,гле я кликнул, о там,,где :checked

[voraa]

<input onclick="SelectCtype(this)" name="ctype-check" value="id" type="checkbox" />

А у меня,если я кликаю на первой, выводит под ней,как и надо,но потом,если кликаю по второй, выводит под первой в двух экземплярах.

Если везде name="ctype-check", то всегда будет находить первый отмеченный
Если отмеченных нет, то всегда будет inp = null

Зачем вообще
var inp = document.querySelector("input[name='ctype-check']:checked");

У вас же e - тот input, по которому кликнули.
Ну и проверяйте сразу

if (e.checked) {
// показываем
} else {
// скрываем
}

[ureech]

Разобрался. Немного переделал. Не стал мудрить с созданием блоков.

<input onchange="SelectCtype(id,id_in)" name="ctype-check" value="1" id="id" type="checkbox" />
<div id=""><label>Text</label></div>
<div id = id_in" style = "display: none;"></div>

function SelectCtype(id,div_id) {

inp = document.getElementById(id);
div = document.getElementById(div_id);
if (inp.checked){
...
success: function (data) {
..
div.style.display = "block";
}
..

}else{
div.style.display = "none";
}

}

[ureech]

Теперь другая проблема. Подкатегории открываются только если кликаю на категории по убывающей. То есть снизу вверх. Сверху вниз, через раз.

[ureech]

Но это наверное вопрос к серверу. Буду там смотреть

[voraa]

Приведите код, где у Вас несколько таких инпутов
и весь код скрипта, где они появляются/скрываются.

[ureech]

Попробую.