Edit in JSFiddle

<h3>Menghilangkan Checkbox dan Menyisakan Elemen Label</h3>
<input type="checkbox" id="check-1"><label for="check-1">Tombol 1</label><br>
<input type="checkbox" id="check-2"><label for="check-2">Tombol 2</label><br>
<input type="checkbox" id="check-3"><label for="check-3">Tombol 3</label><br><br>
<button>Hahahaa!!!</button>

body {
  padding:50px;
}

label {
  cursor:pointer;
  display:inline-block;
  background-color:cyan;
  padding:2px 5px;
  margin:0 0 2px;
}

label:hover {
  text-decoration:underline;
}

input[type="checkbox"]:checked + label {
  background-color:pink;
}

input[type="checkbox"]:checked ~ button {
  font-weight:bold;
  font-size:20px;
}

/* Sembunyikan checkbox */
input[type="checkbox"] {display:none;}