• 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
575 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 (255,440 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ź 892 wizyt
pytanie zadane 3 marca 2019 w PHP przez zerakot Obywatel (1,870 p.)
0 głosów
1 odpowiedź 415 wizyt
pytanie zadane 25 września 2017 w HTML i CSS przez Karol Loczeski Użytkownik (820 p.)
0 głosów
1 odpowiedź 258 wizyt
pytanie zadane 22 marca 2018 w JavaScript przez hiper007 Stary wyjadacz (11,270 p.)

92,839 zapytań

141,780 odpowiedzi

320,848 komentarzy

62,171 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

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!

...