Radio Gomb

Radio Gomb
2020-08-23T16:13:33+02:00
2020-08-23T22:51:34+02:00
2022-10-15T21:25:59+02:00
tamas5555
Sziasztok, új vagyok, kezdő és tanácstalan, az esetleges válaszokat nagyon-megköszönöm.
Adott 3 választás:
 
  <input type="radio" name="allat" value="kutya"> Kutya<br>
  <input type="radio" name="allat" value="macska"> Macska<br>
  <input type="radio" name="allat" value="tigris"> Tigris
 
Annyit szeretnék elérni, hogy amennyiben a kutyát választja valaki, akkor egy adott szövegmezőbe kiirjon egy bármilyen szöveget, (pld: Bodri),
amennyiben meggondolja magát és mégse a kutyát, hanem a macskát választja, akkor irja át ugyanazt a szövegmezőt, mondjuk Mircire, stb,...
Vagyis a szövegmező tartalma mindig az adott gomb kiválasztásától függne...
előre is köszönöm...
Mutasd a teljes hozzászólást!
Ez egy gyorsan osszevagott gany megoldas, de peldanak jo lehet:

<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <input class="radiobutton" type="radio" name="allat" value="kutya" /> Kutya</br> <input class="radiobutton" type="radio" name="allat" value="macska" /> Macska</br> <input class="radiobutton" type="radio" name="allat" value="tigris" /> Tigris</br> <input type="text" id="output" name="output" readonly /></br> <script> $(document).ready(function() { $(".radiobutton").click(function() { var getText = $('.radiobutton:checked').val(); $("#output").val(getText); }); $("input:radio:first").prop("checked", true).trigger("click"); }); </script> </body> </html>
Mutasd a teljes hozzászólást!

  • Ezt nem fogod megoldani Javascript nélkül. Lényeg, hogy minden radiobutton-ra teszel egy change eventListener-t amiben lekéred hogy honnan jött az adott esemény, majd az alapján beállítod hogy mi kerüljön kiírásra.

    HTML

    <h2 class="kiiras"></h2>
    index.js

    document.querySelectorAll('input[name="allat"]').forEach((elem) => { elem.addEventListener("change", function (event) { let radioItem = event.target.value; let h2Content = ""; switch (radioItem) { case "kutya": h2Content = "Kutya"; break; case "macska": h2Content = "Macska"; break; case "tigris": h2Content = "Tigris"; break; default: h2Content = ""; } document.querySelector(".kiiras").innerHTML = h2Content; }); });
    Mutasd a teljes hozzászólást!
  • Ez egy gyorsan osszevagott gany megoldas, de peldanak jo lehet:

    <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <input class="radiobutton" type="radio" name="allat" value="kutya" /> Kutya</br> <input class="radiobutton" type="radio" name="allat" value="macska" /> Macska</br> <input class="radiobutton" type="radio" name="allat" value="tigris" /> Tigris</br> <input type="text" id="output" name="output" readonly /></br> <script> $(document).ready(function() { $(".radiobutton").click(function() { var getText = $('.radiobutton:checked').val(); $("#output").val(getText); }); $("input:radio:first").prop("checked", true).trigger("click"); }); </script> </body> </html>
    Mutasd a teljes hozzászólást!
  • Bárcsak én tudnék így gányolni, már elvettem volna feleségül a Zuckerberg húgát és vastag lennék, nagyon köszönöm AtsFerinek, tökéletesen müxik a dolog, ha nem titkos az emailcimed megirhatnád a baligacstamas@freemail.hu ra, igérem évente legfeljebb 1x foglak zaklatni hasonló dolgokkal...
    üdv: tamas55555555
    Mutasd a teljes hozzászólást!
  • En ezert meloban rosszalo tekinteteket kapnek, szoval azert mondtam, h nem a legszebb es legjobb megoldas, de tanulasi celra boven jo lehet ;)

    Egyebkent erdemes itt es  itt korbenezni, es feladatokat megoldani. Ezt is tobbfele keppen meg lehet oldani egyebkent.

    Nem titkos az e-mail cimem, de szerintem jobban jarsz, ha inkabb itt teszel fel kerdest, mert nalam sokkal nagyobb koponyak vannak ezen a forumon, es ugye ha szamit az ido, es a minoseg, akkor itt mindig lesz vkitol jo es hasznalhato megoldas, ami masoknak is visszakeresheto ;)
    Mutasd a teljes hozzászólást!
  • Hali!

    A jövőben próbálj meg normális, a problémát jól körülíró címet adni a témádnak. A következő ilyen esetben automatikusan törölni fogom a témádat.

    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd