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>
Apua javascriptillä tarkistamaan lomake
1
116
Vastaukset
- 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
En voi jutella kanssasi
tietenkään, mutta täällä voin sanoa sinulle, että se sinun hiljaisuutesi ja herkkyytesi eivät ole heikkoutta. Ne ovat ih395150Trump ja Vance murskasivat ja nolasivat Zelenskyn tiedotusvälineiden edessä Valkoisessa talossa.
Jopa oli uskomaton tilaisuus Valkoisessa talossa. Zelensky jäi täydelliseksi lehdellä soittelijaksi suhteessa Trumpiin j5181730Kokoomus haluaa hoitaa flussat yksityisellä, jotta säästettäisiin rahaa ja aikaa
Mies hakeutui Terveystalo Kamppiin flunssaoireiden takia helmikuisena sunnuntai-iltana. Diagnoosiksi kirjattiin influens771100Rakkaus ei iloitse vääryydestä vaan iloitsee yhdessä TOTUUDEN kanssa.
Tajuatteko, että jotkut ihmiset pitävät siitä, kun toiset kaatuvat? He nauttivat siitä, kun toiset mokaavat tai käyttävä3591008- 77943
Anteeksi Pekka -vedätys
Apuna Ry:n somessa levinnyt Anteeksi Pakka -kampanja saa aina vaan kummallisempia piirteitä. ”Mä pyydän anteeksi. Mä53921- 59870
- 228814
Mikä on kaivattusi ärsyttävin piirre?
Mun kaivattu on erittäin vastahakoinen puhumaan itsestä. Kääntää puheenaiheen aina muuhun kun hänestä tulee puhetta.50803Päivi Ollila on tehnyt kunnallisvalituksen saadakseen pidettyä Tarja Pirkkalaisen virassa
Kaupunginhallituksen puheenjohtaja Päivi Ollila on tehnyt kunnallisvalituksen kaupungin johtamisjärjestelyiden muutokses58738