<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    </head>
<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <a class="navbar-brand" href="">itsaudara</a>
        </div>
    </nav>
    <div class="col-md-3"></div>
    <div class="col-md-6 well">
        <h3 class="text-primary">Membuat checkbox menggunaka jQuery</h3>
        <hr style="border-top:1px dotted #ccc;"/>
        <form method="POST" id="form_data">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="form-group">
                    <label>Name:</label>
                    <input type="text" name="txt_name" id="txt_name" class="form-control" />
                </div>
                <div style="padding:15px;">
                    <label>Skills:</label>
                    <input type="checkbox" name="skill[]" class="skill" value="Python"/>Python
                    <input type="checkbox" name="skill[]" class="skill" value="C#"/>C#
                    <input type="checkbox" name="skill[]" class="skill" value="C++"/>C++
                    <input type="checkbox" name="skill[]" class="skill" value="Java"/>Java
                    <input type="checkbox" name="skill[]" class="skill" value="PHP"/>PHP
                    <input type="checkbox" name="skill[]" class="skill" value="VB"/>VB
                </div>
                <div class="form-group">
                    <button type="button" id="save" class="btn btn-primary form-control">Save</button>
                </div>
            </div>
        </form>
        <table class="table table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Skill</th>
                </tr>
            </thead>
            <tbody id = "result">
            </tbody>
        </table>
    </div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/script.js"></script>
</html>