используя условие if else на флажок html

Question

У меня совершенно такие же проблемы с этим, JavaScript - Использование «флажка / не отмечено» в качестве «оператора условия IF ELSE» , но у меня без нажатия кнопки. Любая идея, что я могу сделать для этого?

это мой код:

<label for="exampleInputEmail1">Category*</label>
            <table>
              <tr>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="meti_d" value="METI Member - Domestic"> METI Member - Domestic
                      </label>
                  </div>
                </td>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="lec_d" value="Lecturer - Domestic"> Lecturer - Domestic
                      </label>
                  </div>
                </td>
              </tr>
              <tr>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="meti_i" value="METI Member - International "> METI Member - International
                      </label>
                  </div>
                </td>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="lec_i" value="Lecturer - International"> Lecturer - International
                      </label>
                  </div>
                </td
              </tr>
              <tr>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="pro_d" value="Professional - Domestic"> Professional - Domestic
                      </label>
                  </div>
                </td>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="stud_d" value="Student - Domestic"> Student - Domestic
                      </label>
                  </div>
                </td>
              </tr>
              <tr>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="pro_i" value="Professional - International"> Professional - International
                      </label>
                  </div>
                </td>
                <td>
                  <div class="form-check form-check-inline">
                      <label class="form-check-label">
                          <input class="form-check-input" type="checkbox" id="stud_i" value="Student - International"> Student - International
                      </label>
                  </div>
                </td>
              </tr>
            </table>

вот мой сценарий:

<script>
    function category(){
         var md = document.getElementById("meti_d");
         var price_md = "IDR " + parseInt("2000000");
         var ld = document.getElementById("lec_d");
         var mi = document.getElementById("meti_i");
         var li = document.getElementById("lec_i");
         var pd = document.getElementById("pro_d");
         var sd = document.getElementById("stud_d");
         var pi = document.getElementById("pro_i");
         var si = document.getElementById("stud_i");

         if (md.checked == true) {
           document.getElementById("price").innerHTML = "IDR ";
         }
    }
  </script>

если я отмечу один из флажков выше , он покажет цены здесь

<div class="form-group">
    <label for="exampleInputEmail1">Price</label>
    <input type="text" class="form-control" id="price" aria-describedby="emailHelp" name="price">
</div>

Answer 1

Добавить атрибут onchange = "category ();" во входном теге вроде как

<input class="form-check-input" type="checkbox" id="meti_i" value="METI Member - International ">