Clickable words to get rid of radio inputs
Clickable words to get rid of radio inputs
by labanino
HTML
<label>Only one can be selected:</label>
<button class="active">1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
CSS
.active {
background-color:#cd1111;
color:#ffffff;
}
button{
border: 0;
padding: 3px 5px;
margin-right: 3px;
border-radius: 3px;
cursor:pointer;
}
JavaScript
$('button').on('click', function () {
$(this).toggleClass('active').siblings().removeClass('active');
});