Como se muestra en la figura, use span para simular un botón de radio cuadrado
css: entrada?{display:?none}
.span1?{?display:?inline-block;?width:?10px;?height:?10px;?border :?1px?solid?#ccc;}
.checked?{?background:?red}
js:$(function(){
$(":radio ").cambiar(función(){
$("entrada[nombre=span]").prev().removeClass("marcado");
$("entrada [nombre=span]:marcado").prev().addClass("marcado"));
}});
});
html:lt;label?gt;lt;span?class="span1"gt;lt;/spangt;lt;input?type="radio"?value="span1"?name="span"/gt;?span1lt ;/labelgt;lt;brgt;
lt;label?gt;lt;span?class="span1"gt;lt;/spangt;lt;input?type="radio"?value="span2"?name ="span"?/gt;?span2lt;/labelgt;lt;brgt;
lt;label?gt;lt;span?class="span1"gt;lt;/spangt;lt;input ?type="radio"?value="span3"?name="span"?/gt;?span3lt;/labelgt;.