html radio 圆点变色,改变单选按钮radio圆点的颜色

.pay_list_c1,.pay_list_c2 {

width: 24px;

height: 18px;

float: left;

padding-top: 3px;

cursor: pointer;

text-align: center;

margin-right: 10px;

background-image: url(inputradio.gif);

background-repeat: no-repeat;

background-position: -24px 0;

}

.radioclass {

opacity: 0;

cursor: pointer;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

}

.on {

background-position: 0 0;

}

男

女

$(".pay_list_c2").on("click",function(){

$(this).addClass("on").siblings().removeClass("on");

})

$(".pay_list_c1").on("click",function(){

$(this).addClass("on").siblings().removeClass("on");

})

效果图：

    pic: