JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <label><input type="checkbox" name="colorCheckbox" value="red"/> merah</label>
    <label><input type="checkbox" name="colorCheckbox" value="green"/> hijau</label>
    <label><input type="checkbox" name="colorCheckbox" value="blue"/> biru</label>
    </div>
    <div class="red box">Anda memilih <strong>checkbox merah</strong> jadi saya muncul</div>
    <div class="green box">Anda memilih <strong>checkbox hijau</strong> jadi saya muncul</div>
    <div class="blue box">Anda memilih <strong>checkbox biru</strong> jadi saya muncul</div>

CSS

.box{
        padding: 20px;
        display: none;
        margin-top: 20px;
        border: 1px solid #000;
    }
    .red{ background: #ff0000; }
    .green{ background: #00ff00; }
    .blue{ background: #0000ff; }

JavaScript

$(document).ready(function(){
        $('input[type="checkbox"]').click(function(){
            if($(this).attr("value")=="red"){
                $(".red").toggle();
            }
            if($(this).attr("value")=="green"){
                $(".green").toggle();
            }
            if($(this).attr("value")=="blue"){
                $(".blue").toggle();
            }
        });
    });