Ukrywanie checkboxa wraz z jego etykietą

0

Witajcie :)
Mam takiego js/jquery:

function szukajCzesci() {
let input = document.getElementById('szukajCzesci');
if (input.value.length >= 1) {
    var selectedPm = [];
    $.ajax({
        url: "api.php",
        data: "xml=" + '....'),
        type: 'POST',
        async: true,
        cache: false,
        dataType: 'json',
        success: function(response) {
            $.each(response, function(key,value) {
                selectedPm.push(value.id);
                // tutaj jest array z ID
            });
        }
    });
    console.log(selectedPm);
}

Na stronie mam dynamicznie ładowane dane w formie:

<label class="narrow"><input type="checkbox" name="name[]" value="1">name1</label>
<label class="narrow"><input type="checkbox" name="name[]" value="1706">name1</label> ...

W jaki sposób mógłbym schować elementy z ID z tablicy (value = ID w tablicy)?
Problemem jest to, że chciałbym chować checkboxa z otaczającym go labelem...

0

No to możesz to zrobić na dwa sposoby.

  1. Dodaj id również do etykiety (np jako data-id albo prawdziwe id), i chowaj cały label.
  2. Albo ustaw <label> oraz <input> obok siebie, schowaj checkboxa klasą, i potem napisz styl CSS który chowa również label, jeśli jest obok checkboxa który ma tą klasę.

1 użytkowników online, w tym zalogowanych: 0, gości: 1