• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed JS Problem-wyświetlanie zaznaczonych checkboxów

VPS Starter Arubacloud
+1 głos
521 wizyt
pytanie zadane 1 października 2020 w JavaScript przez dimek72 Nowicjusz (180 p.)
zamknięte 3 października 2020 przez dimek72

Witam. Jak w temacie,jak wyświetlić zaznaczone wartosci w checkbox (w tym przypadku zainteresowania) w jednej funkcji albo jak to wszystko połączyć w całą spójność? Z góry dzięki za pomoc.

Fragment kodu:
 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Formularze</title>
    <script>
   function ustawionana()
    {
        //wartosci
        var imiee=(document.getElementById("imie").value);
           var nazw=(document.getElementById("nazwisko").value);

  document.write("Imie:"+imiee+"<br>"+"Nazwisko:"+nazw+"<br>");

}

</script></head><body>

 Podaj imię: <input type="text" id="imie"> <br>
        Podaj nazwisko: <input type="text" id="nazwisko"><br>


Jakie masz zainteresowania?
<br>
<input type="checkbox" name="Muzyka" value="Muzyka">Muzyka<br>
<input type="checkbox" name="Literatura" value="Literatura">Literatura<br>
<input type="checkbox" name="sport" value="Sport">Sport<br>
<input type="checkbox" name="sztuka" value="Sztuka">Sztuka<br>


<input type="reset" value="Wyczyść" >
  <input  onclick="ustawionana()" type="button" value="Wyślij">

</body>
</html>

 

komentarz zamknięcia: solved

1 odpowiedź

+2 głosów
odpowiedź 2 października 2020 przez DawidK Nałogowiec (37,910 p.)
wybrane 3 października 2020 przez ScriptyChris
 
Najlepsza

W funkcji ustawionana() możesz dodać taki kod:

            const hobbys = [];
            const hobbyInputs = document.querySelectorAll('input[type=checkbox]:checked');
            hobbyInputs.forEach(element => {
                hobbys.push(element.value);
            });

utworzy Ci to pustą tablice z listą zainteresowań, następnie pobierze elementy checkbox, które są zaznaczone i zostanie z nich utworzona kolejna tablica. W ostatnim kroku przeiteruje Ci po wszystkich elementach z tablicy hobbyInputs zawierającej zaznaczone checkboxy i umieści w tablicy hobbys tylko ich wartości (value).

 document.write("Imie:" + imiee + "<br>" + "Nazwisko:" + nazw + "<br>" + hobbys);
1
komentarz 2 października 2020 przez VBService Ekspert (251,210 p.)
edycja 2 października 2020 przez VBService

wink

document.write("Imie: " + imiee + "<br>Nazwisko: " + nazw + "<br>Hobby: " + hobbys.toString().replace(',',', '));
    function ustawionana() {
        //wartosci
        let imie = document.getElementById('imie').value;
        let nazwisko = document.getElementById('nazwisko').value;

        const hobbys = [];
        const hobby_inputs = document.querySelectorAll('input[type=checkbox]:checked');

        hobby_inputs.forEach((checkbox) => {
            hobbys.push(checkbox.value);
        });

        document.write("Imie: " + imie + "<br>Nazwisko: " + nazwisko + "<br>Hobby: " + hobbys.toString().replace(',',', '));
    }

 

komentarz 2 października 2020 przez dimek72 Nowicjusz (180 p.)
Wielkie dzięki, wszystko działa :)

Podobne pytania

–1 głos
1 odpowiedź 754 wizyt
pytanie zadane 3 marca 2019 w PHP przez zerakot Obywatel (1,870 p.)
0 głosów
1 odpowiedź 402 wizyt
pytanie zadane 25 września 2017 w HTML i CSS przez Karol Loczeski Użytkownik (820 p.)
0 głosów
1 odpowiedź 239 wizyt
pytanie zadane 22 marca 2018 w JavaScript przez hiper007 Stary wyjadacz (11,270 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...