menghitung otomatis pake jquery on change

kalau anda merasa topik ini bermanfaat.. tolong share di FB anda. Toh share info berguna sangat bermanfaat khan?

Berangkat dari pertanyaan berikut

Hallo Master, Minta tolong gmn ya menampilkan secara otomatis di field subtotal hasil perkalian antara textfield harga beli * textfield jumlah, maka hasilnya secara otomatis ditampilkan di field subtotal tanpa harus menekan tombol terlebih dahulu...dan ketika kita ubah qty jumlah maka subtotal akan berubah juga..

Inti disini adalah kita butuh form! maka mari buat formnya dahulu.. Jangan langsung minta script jadi karena ini percuma! why? karena kamu akan kesulitan kedepannya bila menghadapi hal yang sama

kata kuncinya adalah Jquery onchange !
memakai jquery dengan fungsi onchange.. yang berarti akan ada perubahan saat melakukan perubahan tulisan. Tetapi kita perlu gariskan lagi, memakai jquery berarti harus download jquerynya (ambil jquery yang tidak terlalu baru.. saran 1.6.x)

untuk awal saya sarankan form.. Ini tidak ada ajax atau tranfer data. Jadi bisa dibilang ini tergolong mudah. Mari awali membuat form sederhana

<input   name="A" onchange="hitung();" type="text" />
<input   name="B" onchange="hitung();" type="text" />
<input   name="C" type="text" />

Sekedar Info.. Ini sederhana! Tetapi ada satu tambahan yang kudu dan wajib ada yaitu class dan id nya. Memang bukan major tetapi lebih baik ada daripada tidak

<input class="a" name="A" onchange="hitung();" type="text" />
<input class="b" name="B" onchange="hitung();" type="text" />
<input class="c" name="C" type="text" />

Yang kita butuhkan disini adalah fungsi hitungnya.. dan inilah hasilnya
http://jsfiddle.net/b39Lz/

ada sedikit tambahan.. rasakan bedanya bila memakai onchange dan on... *lihat saja di link tersebut*

Tambahan: 

• https://jqueryui.com/ download satu bundle aja biar gampang klo mau pake semua nanti nya, cara pakainya ada di stu jg
• melakukan perhitungan dasar pake jquery onchange
• onkeyup bisa jadi referensi bagus

sumber:

https://www.facebook.com