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;.