例えば
#zi {
font-size: 12px;
text-align: center;
width: 20px;
height: 20px;
border-width: 2px;
border-style: solid;
}

.ccl {
border-radius: 50%;
}


<p><label><input type="checkbox" id="chk">○にする</label></p>
<p id="zi">あ</p>


$(function(){
$('#chk').click(function(){
if($(this).prop('checked')){
$('#zi').addClass('ccl');
}else{
$('#zi').removeClass('ccl');
}
});
});