ugrás a tartalomhoz

Aktív számolás

simisoma · 2015. Szep. 11. (P), 13.24
Sziasztok,

Kérlek mutassatok egy jó scriptet (esetleg jQuery-ben) az alábbi feladat elvégzésére:
  1. <form>  
  2.    <table>  
  3.       <tr>  
  4.          <td><input type='number' name='x'></td>  
  5.          <td>Egységár (integer) pl.: 100</td>  
  6.          <td>Érték</td>  
  7.       </tr>  
  8.       <tr>  
  9.          <td><input type='number' name='x'></td>  
  10.          <td>Egységár (integer)pl.: 1260</td>  
  11.          <td>Érték</td>  
  12.       </tr>  
  13.    </table>  
  14. </form>  
Azt szeretném elérni, hogy a number mezőbe beírt érték autómatikusan jelennyen meg mint eredmény az "Érték" mezőbe az alábbi képlet alapján:
number értéke * Egységár --> Eredmény: "Érték" mezőbe
‹ SVG sebesség XML_Notepad ›
 ■
1

Itt van pár. Mit értesz jó

Endyl · 2015. Szep. 11. (P), 14.13
Itt van pár.
Mit értesz jó alatt?

Legegyszerűbben:
  1. mytarget.addEventListener('triggerevent', function (e) {  
  2.     var quantity = quantityInput.value,  
  3.         unitPrice = unitPriceHolder.value;  
  4.     resultHolder.textContent = quantity * unitPrice;  
  5. })  
A triggereventet természetesen ki kell cserélni egy tényleges eseményre, ami érvényes a mytarget elemen (gombnyomás, input egy szövegmezőn, vagy amit szeretnél). A myTarget, quantityInput, unitPriceHolder és resultHolder elemekhez könnyen hozzájuthatsz az esethez legmegfelelőbb DOM függvényekkel (és persze az adott elemtől függően lehet, hogy nem a value vagy a textContent propertyre lesz szükséged; használd a megfelelőt).
Egy kis pluszként némi formai ellenőrzést is be lehet vezetni az adatokra, hogy ne NaN, vagy egyéb haszontalan érték legyen az eredmény.