Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Membuat check box all
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
1 Jawaban:
pake javascript gan <pre> 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; } } } </pre> untuk di field input nya tambahin seperti ini contohnya
<pre>
<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>
&lt;div class="checkbox" style="padding-left: 70px"&gt;
&lt;label&gt;
&lt;input type="checkbox" id="checkItem" class="allpayment-child"&gt; Payment Bulk
&lt;/label&gt;
&lt;/div&gt;
&lt;div class="clearfix"&gt;&lt;/div&gt;
&lt;/div&gt;
</pre>
