JavaScript és az űrlap elemek

10. osztály 10.évf_js JavaScript Web

Rádio gombok kezelése

Rádiógomb állapotának ellenőrzése:
Ez a rövid kis js lekérdezni, hogy be van-e kapcsolva a rádiógombunk. Ha igen, akkor értéke ‘true’ lesz. Most alapból erre állítottuk. A rádiógombot is a szokásos getElementById-val érjük el.

2. példa A második példában megnézzük, hogyan lehet függvény segítségével be és kikapcsolni egy rádiógombot. (Az űrlapon 2db rádiógomb lesz. A rádiógombok közül egyszerre csak egy lehet kiválasztva! )

3. példa A harmadik példában rádiógombbal fogjuk állítani egy szövegbeviteli mező tartalmának betűit. A szöveg lehet kisbetűs, vagy nagybetűs. Szöveg nagybetűssé alakítása: toUppercase(), kisbetűssé alakítása: toLowerCase()

4. példa: Válasszuk ki rádiógomb segítségével, hogyan kérjük a kávénkat. A rádiógomb értékét átadjuk egy szövegbeviteli mezőnek. Ezzel például összesíteni lehet egy rendelésnél a tételeket.

CheckBox

A checkbox-nál egyszerre többet is kijelölhetünk egy csoporton belül.

Példa: pizza feltétek

SELECT, illetve több elem kiválasztása