Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Menjumlahkan nilai value pada form input radio dengan javascript atau jQuery?...
Assalamualaikum,
Maaf temen-temen saya sudah coba untuk membuat script javascript untuk menjumlahkan nilai dari form input radio PROBABILITAS /FREKUENSI / LIKELIHOOD pada tabel level dikalikan dengan DAMPAK KLINIS / CONSEQUENCES / SEVERITY pada tabel level. tapi setiap di klik pada form input nilai radionya selalu nilai 1, berikut gambar form yang saya buat...
Berikut kode programnya
<form class="stdform stdform2 ajaxForm" method="post" action="?m=safety_rawatinap.aksi&a=penerima&c=true&u=1518924598.4117">
<p>
<label><b>PROBABILITAS /FREKUENSI / LIKELIHOOD</b></label>
</p><table cellpadding="0" cellspacing="0" border="0" class="stdtable tableuserindex" id="dyntable">
<thead>
<tr>
<th width="50">Level</th>
<th>Frekuensi</th>
<th>Kejadian aktual</th>
</tr>
</thead>
<tbody>
<tr><td style="background:#333399; color:#fff;"><div class="radio" id="uniform-risk_grading"><span><input type="radio" id="risk_grading" value="1" name="risk_grading"></span></div>1</td><td style="background:#333399; color:#fff;">Sangat Jarang</td><td style="background:#333399; color:#fff;">Dapat terjadi dalam lebih dari 5 tahun</td></tr><tr><td style="background:#33cc33; color:#000;"><div class="radio" id="uniform-risk_grading"><span><input type="radio" id="risk_grading" value="2" name="risk_grading"></span></div>2</td><td style="background:#33cc33; color:#000;">Jarang</td><td style="background:#33cc33; color:#000;">Dapat terjadi dalam 2 – 5 tahun</td></tr><tr><td style="background:#ffff00; color:#000;"><div class="radio" id="uniform-risk_grading"><span><input type="radio" id="risk_grading" value="3" name="risk_grading"></span></div>3</td><td style="background:#ffff00; color:#000;">Mungkin</td><td style="background:#ffff00; color:#000;">Dapat terjadi tiap 1 – 2 tahun</td></tr><tr><td style="background:#ff9933; color:#000;"><div class="radio" id="uniform-risk_grading"><span><input type="radio" id="risk_grading" value="4" name="risk_grading"></span></div>4</td><td style="background:#ff9933; color:#000;">Sering</td><td style="background:#ff9933; color:#000;">Dapat terjadi beberapa kali dalam setahun</td></tr><tr><td style="background:#ff3300; color:#000;"><div class="radio" id="uniform-risk_grading"><span><input type="radio" id="risk_grading" value="5" name="risk_grading"></span></div>5</td><td style="background:#ff3300; color:#000;">Sangat Sering</td><td style="background:#ff3300; color:#000;">Terjadi dalam minggu / bulan</td></tr> </tbody>
</table>
<p></p>
<p>
<label><b>DAMPAK KLINIS / CONSEQUENCES / SEVERITY</b></label>
</p><table cellpadding="0" cellspacing="0" border="0" class="stdtable tableuserindex" id="dyntable">
<thead>
<tr>
<th>Level</th>
<th>DESKRIPSI</th>
<th>CONTOH DESKRIPSI</th>
</tr>
</thead>
<tbody>
<tr><td style="background:#333399; color:#fff;"><div class="radio" id="uniform-dampak_klinik"><span><input type="radio" id="dampak_klinik" name="dampak_klinik" value="1"></span></div>1</td><td style="background:#333399; color:#fff;">Insignificant</td><td style="background:#333399; color:#fff;">Tidak ada cedera, kerugian keuangan kecil</td></tr><tr><td style="background:#33cc33; color:#000;"><div class="radio" id="uniform-dampak_klinik"><span><input type="radio" id="dampak_klinik" name="dampak_klinik" value="2"></span></div>2</td><td style="background:#33cc33; color:#000;">Minor</td><td style="background:#33cc33; color:#000;">Cedera ringanDapat diatasi dengan pertolongan pertama, kerugian keuangan sedang</td></tr><tr><td style="background:#ffff00; color:#000;"><div class="radio" id="uniform-dampak_klinik"><span><input type="radio" id="dampak_klinik" name="dampak_klinik" value="3"></span></div>3</td><td style="background:#ffff00; color:#000;">Moderate</td><td style="background:#ffff00; color:#000;">Cedera sedangBerkurangnya fungsi motorik / sensorik / psikologis atau intelektual secara reversibel dan tidak berhubungan dengan penyakit yang mendasarinyaSetiap kasus yang memperpanjang perawatan</td></tr><tr><td style="background:#ff9933; color:#000;"><div class="radio" id="uniform-dampak_klinik"><span><input type="radio" id="dampak_klinik" name="dampak_klinik" value="4"></span></div>4</td><td style="background:#ff9933; color:#000;">Major</td><td style="background:#ff9933; color:#000;">Cedera luas / beratKehilangan fungsi utama permanent (motorik, sensorik, psikologis, intelektual) / irreversibel, tidak berhubungan dengan penyakit yang mendasarinyaKerugian keuangan besar</td></tr><tr><td style="background:#ff3300; color:#000;"><div class="radio" id="uniform-dampak_klinik"><span><input type="radio" id="dampak_klinik" name="dampak_klinik" value="5"></span></div>5</td><td style="background:#ff3300; color:#000;">Cathastropic</td><td style="background:#ff3300; color:#000;">Kematian yang tidak berhubungan dengan perjalanan penyakit yang mendasarinya</td></tr> </tbody>
</table>
<p></p>
<p>
<label>Total Nilai</label>
</p><table cellpadding="0" cellspacing="0" border="0" class="stdtable tableuserindex" id="dyntable">
<thead>
<tr>
<td><input type="text" name="Alltotal" id="Alltotal" value="" readonly="" class="smallinput"></td>
<td id="warna_grading">Â </td>
</tr>
</thead>
</table>
<p></p>
<p>
<label>RISK GRADING MATRIX</label>
</p><table cellpadding="0" cellspacing="0" border="0" class="stdtable tableuserindex" id="dyntable"><thead><tr><td rowspan="2">Frekuensi/Likelihood</td><td colspan="5">Potencial Concequences</td></tr><tr><td>Insignificant</td><td>Minor</td><td>Moderate</td><td>Major</td><td>Catastropic</td></tr></thead><tbody><tr><td style=""><b>Sangat Sering Terjadi(Tiap mgg /bln) <br> 5</b></td><td style="background:#33cc33; color:#000;">Moderate</td><td style="background:#33cc33; color:#000;">Moderate</td><td style="background:#ffff00; color:#000;">High</td><td style="background:#ff3300; color:#000;">Extreme</td><td style="background:#ff3300; color:#000;">Extreme</td></tr><tr><td style=""><b>Sering terjadi (Bebrp x /thn) <br> 4</b></td><td style="background:#33cc33; color:#000;">Moderate</td><td style="background:#33cc33; color:#000;">Moderate</td><td style="background:#ffff00; color:#000;">High</td><td style="background:#ff3300; color:#000;">Extreme</td><td style="background:#ff3300; color:#000;">Extreme</td></tr><tr><td style=""><b>Mungkin terjadi (1-2 thn/x) <br> 3</b></td><td style="background:#333399; color:#fff;">Low</td><td style="background:#33cc33; color:#000;">Moderate</td><td style="background:#ffff00; color:#000;">High</td><td style="background:#ff3300; color:#000;">Extreme</td><td style="background:#ff3300; color:#000;">Extreme</td></tr><tr><td style=""><b>Jarang terjadi (2-5 thn/x) <br> 2</b></td><td style="background:#333399; color:#fff;">Low</td><td style="background:#333399; color:#fff;">Low</td><td style="background:#33cc33; color:#000;">Moderate</td><td style="background:#ffff00; color:#000;">High</td><td style="background:#ff3300; color:#000;">Extreme</td></tr><tr><td style=""><b>Sangat jarang sekali (>5 thn/x) <br> 1</b></td><td style="background:#333399; color:#fff;">Low</td><td style="background:#333399; color:#fff;">Low</td><td style="background:#33cc33; color:#000;">Moderate</td><td style="background:#ffff00; color:#000;">High</td><td style="background:#ff3300; color:#000;">Extreme</td></tr></tbody></table> <p></p>
<p>
<label>TINDAKAN</label>
</p><table cellpadding="0" cellspacing="0" border="0" class="stdtable tableuserindex" id="dyntable">
<thead>
<tr><td style="background:#333399; color:#fff;">Can be manage by procedure</td><td style="background:#33cc33; color:#000;">Clinical Manager / Lead Clinician should assess the consequences againts cost of treating the risk</td><td style="background:#ffff00; color:#000;">Detailed review & urgent treatment should be undertaken by senior management</td><td style="background:#ff3300; color:#000;">Immediate review & action required at Board level. Director must be informed</td></tr> </thead>
</table>
<p></p>
<p>
<label>Tanda tangan</label>
<span class="field">
<input type="password" name="ttd_penerima_laporan" value="1234" readonly="" class="smallinput">
</span>
</p>
<!--<p style="text-align: right;">Tanda tangan pengkaji : <input type="password" name="ttd_penerima_laporan" value="1234" style="border: 0px;width: 100px;box-shadow: none;background: none;-webkit-box-shadow:none;-moz-box-shadow:none;border-radius:none;-webkit-border-radius:none;-moz-border-radius:none;text-align: right;padding-right: 20px;" readonly="true"/></p>
--><input type="hidden" name="id" value="'2'">
<p class="quickformbutton">
<button class="submit radius2">Simpan</button>
<button class="cancel" type="button" idtr="trE10382793082047432" onclick="formCancel(jQuery(this))">Tutup</button>
</p>
</form>
0
2 Jawaban:
Jawaban Terpilih
Ini pake Javascript
var risk_grading; // Buat penampung untuk hasil dari risk_grading
var risk = document.querySelectorAll('input[name=risk_grading]');
risk.forEach(function(e) {
e.addEventListener('click', function() {
risk_grading=e.value; //Value di pass ke penampung awal
kali(); //Memanggil fungsi kali setiap klik checkbox
});
});
var dampak_klinik;
var dampak = document.querySelectorAll('input[name=dampak_klinik]');
dampak.forEach(function(e){
e.addEventListener('click', function() {
dampak_klinik = e.value;
kali();
});
});
function kali(){
var total = risk_grading*dampak_klinik;
if (!isNaN(total)) {
//Jika hasil NaN tidak akan di cetak ke inputan total nilai
document.getElementById('Alltotal').value = total;
}
}
Jquery kurang tau gan, gak pernah pake soalnya. Semoga membantu ^^ Oh iyaa , itu daripada di inline style nya kenapa gak di buat external aja gan kan lebih enak liatnya ...
Koreksinya kalau salah gan ...
0
Alhamdulillah kodingnya berjalan mas... Terimakasih atas bantunya dan koreksianya mas... Salam kenal, Semoga bisa saling membantu lagi dan semoga masnya selalu diberikan kesehatan dan di lapangkan rejekinya... Salam
0