Ukrywanie checkboxa wraz z jego etykietą

Ukrywanie checkboxa wraz z jego etykietą
BA
  • Rejestracja:ponad 3 lata
  • Ostatnio:9 dni
  • Postów:64
0

Witajcie :)
Mam takiego js/jquery:

Kopiuj
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:

Kopiuj
<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...

edytowany 1x, ostatnio: Riddle
Riddle
Administrator
  • Rejestracja:prawie 15 lat
  • Ostatnio:około 6 godzin
  • Lokalizacja:Koszalin
  • Postów:10094
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ę.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.