szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:jquery|< jQuery]]

====== jQuery űrlap ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2021
  * Licenc: GNU Free Documentation License 1.3
  * Web: https://szit.hu


===== Rádiógomb elérése =====

<code html>
<input type="radio" name="jarmu" value="opel">Opel<br>
<input type="radio" name="jarmu" value="opel">Ford<br>
<input type="radio" name="jarmu" value="opel">Fiat<br>
</code>


<code javascript>
let jarmu = $("input[name='jarmu']:checked").val();
//Megkapjuk az opel, ford vagy fiat szavakat.
</code>

===== Beállítás =====

Jelölőnégyzet vagy rádiógomb beállítása:

<code javascript>
//bejelölve:
$('#valami').prop('checked', true);

//nincs bejelölve
$('#valami').prop('checked', false);
</code>


===== A data attribútum =====

<code html index.html>
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <h1>Küldés</h1>    
    
    <input type="button" 
        data-nev="János" 
        data-telepules="Szolnok"
        data-fizetes="3850000" 
        value="Mehet"
        id="mehetgomb">
    
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <script src="script.js"></script>
</body>
</html>
</code>

<code javascript script.js>
$("#mehetgomb").click(function(){
    console.log($(this).attr("data-nev"));
    console.log($(this).attr("data-telepules"));
    console.log($(this).attr("data-fizetes"));
    
});
</code>