Как сделать из блока div чекбокс?

Question

[WebforSelf]

Друзья , есть 3 вот таких блока. Сейчас это обычные дивы с изображением и описанием. Нужно сделать так чтоб при клике появлялся бордер ( что выделено) и можно было присвоить определенную сумму. Тоесть мне блоки надо сделать радикнопкой, но чтоб не видно было кружочка и можно было выбрать весь блок.

Answer 1

[suberg]

Не нужно делать из дива чекбокс, нужно скрыть системные чекбоксы, а при выборе чекбокса, соответственно, добавлять бордер, к примеру так:

<label class="label">
    <input class="input" name="type" type="checbox">
    <div>...</div>
</label>

.input {
  display: none;
}

.input:checked + div {
  border: ...
}