Hogyan tudom megoldani ezt JavaScriptben?

1. a table nem tudom miért fontos, de ilyen kontextusban kerülni kellene a használatát

2. az img tagnek nincs value tulajdonsága. ehelyett a data- értéket szoktuk használni pl data-value="1"

3. a javascript használatához szükséges annak ismerete, de az alapvető html ismeretek is elengedhetetlenek

Ha űrlapként, választható elemként szeretnéd alkalmazni a képeket, célszerű checkbox vagy radiobutton elemeket használni a feladathoz, azoknak adhatsz value értéket. A label tag segítségével a képeket hozzá kapcsolhatod a radiobuttonhoz, hogy lenyomáskor aktiválja a jelölőt.

javascript játékhoz még fokozottabban szükséged lenne a js alapozására.

[link]

ajánlom, hogy a jquery használatát is nézd át, az eseménykezelést (pl onClick) jelentősen megkönnyítheted.

jQueryvel nagyon egyszerű:

Készítesz egy hidden típusú inputot, és majd annak az értékét váltogatod.

----

HTML

----

<img class="img_input" src="images/tv_off.gif" width="300" data-value="1">

<img class="img_input" src="images/tv_off.gif" width="300" data-value="2">

<img class="img_input" src="images/tv_off.gif" width="300" data-value="3">

<input type="hidden" name="kep" id="kep" />

----

jQuery

----

$(".img_input").click(function(){

$("input#kep").val($(this).attr("data-value"));

});