Daftar dan Belajar Sekarang!

Membuat check box all

foto Ridhoa
91 Kontribusi 16 Coto
6 bulan yang lalu
saya ingin menanyakan saya ada beberapa checkbox, bisa di lihat di sni untuk gambar dari checkbox nya https://imgur.com/a/WdPK0Go pada gambar di sana untuk bagian payment nya terdapat collapse yang di mana icon + di klik maka luar sub check box nya jadi saya ingin menanyakan bagaimana cara membuat ketika payment nya di klik pada bagian sub nya juga ngikut, saya butuh html,jquery or js nya aja ga sama nilai nya, terima kasih untuk code saya letakin di sini yah https://pastebin.com/fqHEFHH6

Jawaban
foto kikimf
87 Kontribusi 74 Coto
6 bulan yang lalu
pake javascript gan
function check(clicked_id) {
      var selector = clicked_id + "-child";
      var data =  document.getElementsByClassName(selector);
      if(document.getElementById(clicked_id).checked){
        for(var i = 0; i < data.length; i++){
          data[i].checked = true;
        }
      } else {
        for(var i = 0; i < data.length; i++){
          data[i].checked = false;
        }
      }
    }
untuk di field input nya tambahin seperti ini contohnya
<div class="checkbox" style="padding-left: 5px">
                  <button type="button" data-toggle="collapse" data-target="#pay_collapse" style="background-color:#228B22" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></button>
                  <label>
                    <input type="checkbox" onClick="check(this.id)" id="allpayment" class="flat"> Payment
                  </label>
                </div>
                  <!-- collapse payement -->
                  <div class="collapse" id="pay_collapse">  
                  <div class="checkbox" style="padding-left: 70px">
                    <label>
                      <input type="checkbox" id="checkItem" class="allpayment-child"> Payment List
                    </label>
                  </div>
 
                  <div class="checkbox" style="padding-left: 70px">
                    <label>
                      <input type="checkbox" id="checkItem" class="allpayment-child"> Payment Bulk
                    </label>
                  </div>
                <div class="clearfix"></div>
              </div>


Login untuk diksusi di forum sekolah koding