Javascriptが、結論

私は変数を計算するコード..Javascriptが、結論

を持っていますが、計算された後、私は結論を追加したい。..

例えばに表示されますif Hasil: Layak = 4 or 3となるので、結論は"Layak"

です。 if Hasil: Layak = 1 or 2、そう結論"Tidak Layak"

結論は

最後の行を追加しているが、私はそれを行う方法を知っているかもしれませんか？タイプミスの

HTMLファイル

 $(document).ready(function() { 
 
     //Iterate through each Textbox and add keyup event handler 
 
     $(".tes1").each(function() { 
 
      $(this).change(function() { 
 
      //Initialize total to 0 
 
      var satu = 1; 
 
      var nol = 0; 
 
      var ap = document.getElementById('k1').value; 
 

 
      var aa1 = document.getElementById('aa1'); 
 
      var aa2 = document.getElementById('aa2'); 
 
      if (ap == "1") { 
 
       aa1.innerHTML = satu; 
 
       aa2.innerHTML = nol; 
 
      } else { 
 
       aa1.innerHTML = nol; 
 
       aa2.innerHTML = satu; 
 
      } 
 
      calculateSum(); 
 
      }); 
 
     }); 
 

 
     $(".tes2").each(function() { 
 
      $(this).change(function() { 
 
      //Initialize total to 0 
 
      var satu = 1; 
 
      var nol = 0; 
 
      var bp = document.getElementById('k2').value; 
 

 
      var bb1 = document.getElementById('bb1'); 
 
      var bb2 = document.getElementById('bb2'); 
 
      if (bp == "1") { 
 
       bb1.innerHTML = satu; 
 
       bb2.innerHTML = nol; 
 
      } else { 
 
       bb1.innerHTML = nol; 
 
       bb2.innerHTML = satu; 
 
      } 
 
      calculateSum(); 
 
      }); 
 
     }); 
 

 
     $(".tes3").each(function() { 
 
      $(this).change(function() { 
 
      //Initialize total to 0   
 
      var satu = 1; 
 
      var nol = 0; 
 
      var cp = document.getElementById('k3').value; 
 

 
      var cc1 = document.getElementById('cc1'); 
 
      var cc2 = document.getElementById('cc2'); 
 
      if (cp == "1") { 
 
       cc1.innerHTML = satu; 
 
       cc2.innerHTML = nol; 
 
      } else { 
 
       cc1.innerHTML = nol; 
 
       cc2.innerHTML = satu; 
 
      } 
 
      calculateSum(); 
 
      }); 
 
     }); 
 

 
     $(".tes4").each(function() { 
 
      $(this).change(function() { 
 
      //Initialize total to 0 
 
      var satu = 1; 
 
      var nol = 0; 
 
      var dp = document.getElementById('k4').value; 
 

 
      var dd1 = document.getElementById('dd1'); 
 
      var dd2 = document.getElementById('dd2'); 
 
      if (dp == "1") { 
 
       dd1.innerHTML = satu; 
 
       dd2.innerHTML = nol; 
 
      } else { 
 
       dd1.innerHTML = nol; 
 
       dd2.innerHTML = satu; 
 
      } 
 
      calculateSum(); 
 
      }); 
 
     }); 
 

 
     }); 
 

 
     function calculateSum() { 
 
     var A = []; 
 
     var sumOfA = 0; 
 
     $('#tabel_data tr:not(:has(th))').not(':last').each(function() { 
 
      A.push($(this).find("td:eq(1)").text().trim()); 
 
     }) 
 

 
     for (i = 0; i < A.length; ++i) { 
 
      if (A[i] != '') { 
 
      sumOfA += parseInt(A[i]); 
 
      } 
 
     } 
 
     $('#tabel_data tr:last').find('td:eq(1)').text(sumOfA); 
 

 

 
     var B = []; 
 
     var sumOfB = 0; 
 
     $('#tabel_data tr:not(:has(th))').not(':last').each(function() { 
 
      B.push($(this).find("td:eq(2)").text().trim()); 
 
     }) 
 

 
     for (i = 0; i < B.length; ++i) { 
 
      if (B[i] != '') { 
 
      sumOfB += parseInt(B[i]); 
 
      } 
 
     } 
 
     $('#tabel_data tr:last').find('td:eq(2)').text(sumOfB); 
 
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
 
<table border="1"> 
 
    <tbody> 
 
    <tr> 
 
     <td>Kesimpulan I<span class="red">*</span></td> 
 
     <td> 
 
     <select id="k1" class="tes1" name="kelayakan1" size="1"> 
 
      <option value="">-- Pilih Salah Satu --</option> 
 
      <option value="1">Layak</option> 
 
      <option value="0">Tidak Layak</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>Kesimpulan II<span class="red">*</span></td> 
 
     <td> 
 
     <select id="k2" class="tes2" name="kelayakan2" size="1"> 
 
      <option value="">-- Pilih Salah Satu --</option> 
 
      <option value="1">Layak</option> 
 
      <option value="0">Tidak Layak</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>Kesimpulan III<span class="red">*</span></td> 
 
     <td> 
 
     <select id="k3" class="tes3" name="kelayakan3" size="1"> 
 
      <option value="">-- Pilih Salah Satu --</option> 
 
      <option value="1">Layak</option> 
 
      <option value="0">Tidak Layak</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 

 

 

 
    <tr> 
 
     <td>Kesimpulan IV<span class="red">*</span></td> 
 
     <td> 
 
     <select id="k4" class="tes4" name="kelayakan4" size="1"> 
 
      <option value="">-- Pilih Salah Satu --</option> 
 
      <option value="1">Layak</option> 
 
      <option value="0">Tidak Layak</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 

 

 

 

 
    </tbody> 
 
</table> 
 

 

 

 

 
<table style="width:100%;" id="tabel_data" border="1"> 
 
    <thead> 
 
    <tr> 
 
     <th colspan="5">Rekapitulasi Kelayakan</th> 
 
    </tr> 
 
    <tr> 
 
     <th>Parameter</th> 
 
     <th>Layak</th> 
 
     <th>Tidak Layak</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td style="text-align:left;">Indeks Rumah</td> 
 
     <td> 
 
     <div id="aa1" style="text-align:center;"></div> 
 
     </td> 
 
     <td> 
 
     <div id="aa2" style="text-align:center;"></div> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td style="text-align:left;">Indeks Kepemilikan Harta</td> 
 
     <td> 
 
     <div id="bb1" style="text-align:center;"></div> 
 
     </td> 
 
     <td> 
 
     <div id="bb2" style="text-align:center;"></div> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td style="text-align:left;">Indeks Pendapatan Keluarga</td> 
 
     <td> 
 
     <div id="cc1" style="text-align:center;"></div> 
 
     </td> 
 
     <td> 
 
     <div id="cc2" style="text-align:center;"></div> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td style="text-align:left;">Indeks Pengeluaran Harta</td> 
 
     <td> 
 
     <div id="dd1" style="text-align:center;"></div> 
 
     </td> 
 
     <td> 
 
     <div id="dd2" style="text-align:center;"></div> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td align="center">Hasil</td> 
 
     <td> 
 
     <div id="hasil1" style="text-align:center;"></div> 
 
     </td> 
 
     <td> 
 
     <div id="hasil2" style="text-align:center;"></div> 
 
     </td> 
 
    </tr> 
 

 
    </tbody> 
 
</table>

出典

2016-08-24 TARA

ご質問ロット。そう冗長も、あなたのコード：

私のコードを試してみてください。

$(document).ready(function() { 
 
    function testKelayakan(a, b, c) { 
 
     var d = $(a).val(); 
 
     if (d) { 
 
      $(b).text(d == 1 ? 1 : 0); 
 
      $(c).text(d == 0 ? 1 : 0) 
 
     } 
 
     evaluasiHasilKelayakan() 
 
    } 
 

 
    function evaluasiHasilKelayakan() { 
 
     var a = $('#tabel_data tbody'); 
 
     var b = 0; 
 
     var c = 0; 
 
     for (var i = 0; i < 4; i++) { 
 
      var d = a.find('tr:eq(' + i + ')'); 
 
      if ($('td:eq(1)', $(d)).text().trim() !== '' && $('td:eq(1)', $(d)).text().trim() === '1') b++; 
 
      if ($('td:eq(2)', $(d)).text().trim() !== '' && $('td:eq(2)', $(d)).text().trim() === '1') c++ 
 
     } 
 
     $('#hasil1').text(b); 
 
     $('#hasil2').text(c); 
 
     $('#hasilColName').html('Hasil : <strong>(' + (b > 2 ? 'Layak' : 'Tidak Layak') + ')</strong>') 
 
    } 
 
    $('.tes1').on('change', function() { 
 
     testKelayakan('.tes1', '#aa1', '#aa2') 
 
    }); 
 
    $('.tes2').on('change', function() { 
 
     testKelayakan('.tes2', '#bb1', '#bb2') 
 
    }); 
 
    $('.tes3').on('change', function() { 
 
     testKelayakan('.tes3', '#cc1', '#cc2') 
 
    }); 
 
    $('.tes4').on('change', function() { 
 
     testKelayakan('.tes4', '#dd1', '#dd2') 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<table border="1"> 
 
    <tbody> 
 
     <tr> 
 
      <td>Kesimpulan I<span class="red">*</span></td> 
 
      <td> 
 
       <select id="k1" class="tes1" name="kelayakan1" size="1"> 
 
        <option value="">-- Pilih Salah Satu --</option> 
 
        <option value="1">Layak</option> 
 
        <option value="0">Tidak Layak</option> 
 
       </select> 
 
      </td> 
 
     </tr> 
 

 
     <tr> 
 
      <td>Kesimpulan II<span class="red">*</span></td> 
 
      <td> 
 
       <select id="k2" class="tes2" name="kelayakan2" size="1"> 
 
        <option value="">-- Pilih Salah Satu --</option> 
 
        <option value="1">Layak</option> 
 
        <option value="0">Tidak Layak</option> 
 
       </select> 
 
      </td> 
 
     </tr> 
 

 
     <tr> 
 
      <td>Kesimpulan III<span class="red">*</span></td> 
 
      <td> 
 
       <select id="k3" class="tes3" name="kelayakan3" size="1"> 
 
        <option value="">-- Pilih Salah Satu --</option> 
 
        <option value="1">Layak</option> 
 
        <option value="0">Tidak Layak</option> 
 
       </select> 
 
      </td> 
 
     </tr> 
 

 
     <tr> 
 
      <td>Kesimpulan IV<span class="red">*</span></td> 
 
      <td> 
 
       <select id="k4" class="tes4" name="kelayakan4" size="1"> 
 
        <option value="">-- Pilih Salah Satu --</option> 
 
        <option value="1">Layak</option> 
 
        <option value="0">Tidak Layak</option> 
 
       </select> 
 
      </td> 
 
     </tr> 
 
    </tbody> 
 
</table> 
 

 
<table style="width:100%;" id="tabel_data" border="1"> 
 
    <thead> 
 
     <tr> 
 
      <th colspan="5">Rekapitulasi Kelayakan</th> 
 
     </tr> 
 
     <tr> 
 
      <th>Parameter</th> 
 
      <th>Layak</th> 
 
      <th>Tidak Layak</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td style="text-align:left;">Indeks Rumah</td> 
 
      <td> 
 
       <div id="aa1" style="text-align:center;"></div> 
 
      </td> 
 
      <td> 
 
       <div id="aa2" style="text-align:center;"></div> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td style="text-align:left;">Indeks Kepemilikan Harta</td> 
 
      <td> 
 
       <div id="bb1" style="text-align:center;"></div> 
 
      </td> 
 
      <td> 
 
       <div id="bb2" style="text-align:center;"></div> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td style="text-align:left;">Indeks Pendapatan Keluarga</td> 
 
      <td> 
 
       <div id="cc1" style="text-align:center;"></div> 
 
      </td> 
 
      <td> 
 
       <div id="cc2" style="text-align:center;"></div> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td style="text-align:left;">Indeks Pengeluaran Harta</td> 
 
      <td> 
 
       <div id="dd1" style="text-align:center;"></div> 
 
      </td> 
 
      <td> 
 
       <div id="dd2" style="text-align:center;"></div> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td align="center" id="hasilColName">Hasil</td> 
 
      <td> 
 
       <div id="hasil1" style="text-align:center;"></div> 
 
      </td> 
 
      <td> 
 
       <div id="hasil2" style="text-align:center;"></div> 
 
      </td> 
 
     </tr> 
 

 
    </tbody> 
 
</table>

出典

2016-08-24 08:06:35

WAAAHHH ... TERIMA KASIH BANYAAAK .. @fadhly .. pasti沙耶kasih cekliss .. – TARA

ああ...そう多くの還元剤？はい。私のコードはまだダム.. – TARA

答えて

関連する問題