Apua javascriptillä tarkistamaan lomake

Anonyymi

Moi elikkäs miten voisin tarkistaa lomakkeesta että ainakin yksi "CHECKBOX" olisi valittuna javascriptin avulla? Lisään tuohon alle minun HTML osion jos apua saisi. Olen monta eri tapaa yrittänyt mikään ei ole toiminut.

<form id="formi" action="index.html" method="post">
<div class="lomakkeet">
<label for="onkoMatelijaa"><b>Onko sinulla matelijaa ja jos on niin millainen?</b></label><br><br>

<input id="onkoMatelijaa_ei" type="checkbox" name="onkoMatelijaa_vastaus" value="">
<label for="onkoMatelijaa_ei">Minulla ei ole omaa matelijaa</label><br>

<input id="onkoMatelijaa_kaarme" type="checkbox" name="onkoMatelijaa_vastaus" value="">
<label for="onkoMatelijaa_kaarme">Käärme</label><br>

<input id="onkoMatelijaa_lisko" type="checkbox" name="onkoMatelijaa_vastaus" value="">
<label for="onkoMatelijaa_lisko">Lisko</label><br>

<input id="onkoMatelijaa_sammakko" type="checkbox" name="onkoMatelijaa_vastaus" value="">
<label for="onkoMatelijaa">Sammakko</label><br>

<input id="onkoMatelijaa_kilpikonna" type="checkbox" name="onkoMatelijaa_vastaus" value="">
<label for="onkoMatelijaa_kilpikonna">Kilpikonna</label><br>

<input id="onkoMatelijaa_muu" type="checkbox" name="onkoMatelijaa_vastaus" value="">
<label for="onkoMatelijaa_muu">Jokin muu:</label><br>

<label for="lisatietoja">Mikä?</label><br>
<textarea id="tekstiKentta" name="lisatietoja" rows="8" cols="60" placeholder="Kerro tässä muista mahdollisista omistamistasi lemmikeistäsi"></textarea><br>
<br>
</div>

<div class="buttons">
<button type="button" name="laheta" onclick="tarkista(formi)">Lähetä</button>
</div>

<div class="buttons">
<button type="reset" name="tyhjenna" onclick="tyhjenna()">Tyhjennä</button>
</div>
</form>

1

272

    Vastaukset 1

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Kokeile ajaa alla oleva esimerkki, jos sitä kautta löydät johtolangan pään tehtävääsi.

      <p>Valitse lemmikkisi:</p>

      <p><label for="lemmikki-1"><input type="checkbox" name="onkoMatelijaa_vastaus" value="kilpikonna" id="lemmikki-1" />Kilpikonna</label></p>

      <p><label for="lemmikki-2"><input type="checkbox" name="onkoMatelijaa_vastaus" value="käärme" id="lemmikki-2" />Käärme</label></p>

      <p><label for="lemmikki-3"><input type="checkbox" name="onkoMatelijaa_vastaus" value="sammakko" id="lemmikki-3" />Sammakko</label></p>

      <button id="subtn">Näytä lemmikit</button>

      <h3 id="tulos"></h3>
      <script>
      function getSelectedCheckboxValues(name) {
      const checkboxes = document.querySelectorAll(`input[name="${name}"]:checked`);
      let values = [];
      checkboxes.forEach((checkbox) => {
      values.push(checkbox.value);
      });
      if(typeof(values[0]) != "undefined") {
      document.getElementById("tulos").innerText="Vähintään yksi lemmikki on valittu!";
      document.getElementById("tulos").style.color="green";
      } else {
      document.getElementById("tulos").innerText="Ei lemmikkejä!";
      document.getElementById("tulos").style.color="red";
      }
      }

      const subtn = document.querySelector("#subtn");
      subtn.addEventListener("click", (event) => {
      getSelectedCheckboxValues("onkoMatelijaa_vastaus");
      })
      </script>

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Mitä on mietteissäsi

      Tänään?
      Ikävä
      66
      744
    2. En olis uskonu

      et kuulut tollaseen porukkaan
      Ikävä
      113
      712
    3. Mikä on hulluinta?

      Mitä ikäväsi kohde on tehnyt?
      Ikävä
      37
      686
    4. Meiltä löytyy kyllä älliä

      Vai mitä oot mieltä...
      Ikävä
      121
      629
    5. Et taida olla ihan varma

      Päätöksestäsi?
      Ikävä
      67
      579
    6. En haluaisi sanoa tätä

      Mutta olet sokea sille, mitä sinulla jo on! Jos minä olisin sinä, pyrkisin tekemään kaikkeni kohentaakseni nykyistä pari
      Ikävä
      40
      579
    7. Vasemmiston aloite

      Pyhäjärvellä, ihan hyvä aloite. Toteutus ja puhdistus pitäisi alkaa ihan omasta pesästä. Näkeehän tuon sokeakin mitä ja
      Pyhäjärvi
      58
      483
    8. Koska Sofia kertoo totuuden, että ovat eroneet miljonääri miehen kanssa?

      Eikö olisi hänelle itselleen helpotus, kun voisi kertoa totuuden. Miksi salata asiaa ja pitkittää sitä harmaan tulevaisu
      Kotimaiset julkkisjuorut
      142
      449
    9. Onko suhtautuminen kaivattusi

      Fyysiseen vetovoimaan muuttunut? Jos, mihin suuntaan? Tunnetko enemmän vai vähemmän vetoa häneen fyysisesti kuin silloin
      Ikävä
      35
      448
    10. Miltä tuntuu

      olla erossa kaivatustasi?
      Ikävä
      24
      447
    11. Miksi vihainen

      Miksi olet vihainen mulle?
      Ikävä
      41
      422
    12. Maajussille morsian: Farmiviikon voittajat ja häviäjät - Itkua ja pettymystä ei salattu

      Maajussille morsian -suosikkisarjassa farmiviikolla selviää, onko ilmassa "sitä jotakin". Rakkauden etsintä on täynnä i
      Maajussille morsian
      0
      395
    13. Hei, alettaisko oleen yhdessä?

      Miltä tuntuisi jos joku ihminen josta tykkäät sanoisi haluavansa yhteen asumaan? Ajattelisitko menettäväsi vapauden, pys
      Sinkut
      64
      374
    14. Näyttää siltä ettet edes sinä.

      Kukaan ei uskalla kohdata aitoa ja syvää sielun rakkautta. Hyvin harvat vain. Ihmisten on turha tavoitella sitä oikeaa
      Ikävä
      28
      369
    15. Kun asiat pitkittyy niin ne mutkistuu

      Mutkaista jo on, ei nämä enää selviä.
      Ikävä
      29
      364
    16. Jos olen aiheuttanut pahaa, pyydän anteeksi

      Jos olen omalla kirjoittelullani aiheuttanut täällä jollekin pahaa mieltä tai sotkenut asioita, niin pyydän sitä anteeks
      Ikävä
      57
      362
    17. 32
      351
    18. Jää tyhjää tila

      Kun ärrä loppuu. Toivottavasti ei kyhätä siihenkin kirppari. Hävettää koko keskusta.
      Ähtäri
      24
      349
    19. Miks tämä jatkuu näin pitkään?

      Ootko rakastunut?
      Ikävä
      23
      347
    20. Onko kaivattusi

      Meedio?. .....
      Ikävä
      27
      346
    Aihe