JSFiddle - React, Tailwind, and code Playground

by azhari

HTML

<body>
        <div id="box">
            Silahkan Pilih (boleh lebih dari satu)
            <div id="checkboxes">
                <input type="checkbox" value="Java">Java <br>
                <input type="checkbox" value="PHP">PHP <br>
                <input type="checkbox" value="JavaScript">JavaScript <br>
                <input type="checkbox" value="HTML">HTML <br>
                <input type="checkbox" value="CSS">CSS <br>
                <hr>
                <input type="checkbox" id="checkall" >Check/Uncheck All <br>
            </div>
        </div>
  </body>

CSS

<style type="text/css">
            #box{
              width:500px;
              background:#96A8E0;
              padding:10px;
              border:solid #4968CC;
              margin:0 auto;
            }
 
            input{
              margin-right: 10px;
            }

</style>

JavaScript

$(document).ready(function(){
        $("#checkall").click(function(){
               $("#checkboxes").find(":checkbox").attr("checked",this.checked);
        });
    })