<div class="flex">
<label for="input-radio-1"><input type="radio" name="input-radio" value="1" id="input-radio-1">1</label>
<label for="input-radio-2"><input type="radio" name="input-radio" value="2" id="input-radio-2">2</label>
</div>
.flex {
display: flex;
flex-direction: column;
align-items: flex-start;
}
label {
margin: 5px 0;
padding: 5px;
border: 1px solid #9f9f9f;
border-radius: 3px;
}
$('input[name="input-radio"]').on('click', function () {
if ( $(this).is(':checked') ) {
$(this).prop('checked', false);
}
});
This Pen doesn't use any external CSS resources.