php判断被选中后变色,input:radio改变选中颜色

~~~

.clear{clear: both;}

.pay_wx{position: relative;}

.pay_wx input[type=radio]{opacity:0;}

.pay_wx .for_wx{position: absolute;top: 17%;left: 18%;}

.pay_wx .for_wx div{width: 20px;height: 20px;background: #FD88A3;border: 1px solid #FD88A3;border-radius: 50%;overflow: hidden;}

.pay_ali{position: relative;}

.pay_ali input[type=radio]{opacity:0;}

.pay_ali .for_ali{position: absolute;top: 17%;left: 18%;}

.pay_ali .for_ali div{width: 20px;height: 20px;border: 1px solid #FD88A3;border-radius: 50%;overflow: hidden;}

支付方式

• 微信支付

• 微信支付

//input:radio选择特效

function getValue(obj){

var val = obj.value;

if(val == "wx"){

document.getElementById("ali_label").style.backgroundColor="#F2F4F3";

document.getElementById("wx_label").style.backgroundColor="#FD88A3";

}else{

document.getElementById("ali_label").style.backgroundColor="#FD88A3";

document.getElementById("wx_label").style.backgroundColor="#F2F4F3";

}

}

~~~