javascript - Javascript，计算后得出结论

我有代码..

计算变量，但计算后，我想补充一下结论。

例如if Hasil: Layak = 4 or 3，因此结论是"Layak"

例如if Hasil: Layak = 1 or 2，因此结论是"Tidak Layak"

结论添加最后一行

https://jsfiddle.net/taraym/13nz8cys/2/

我可以知道怎么做吗？

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>

最佳答案

您的错字很多。甚至您的代码也是如此：

试试我的代码：

$(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>