radio设置颜色html,HTML下使用Radio设置选择样式。

有时候我们想在支付页面设置多个支付样式,方便用户勾选,但是如果只是简单使用radio就不是很直观,就几个字,支付宝,网银在线的。不够直观。

所以就想做这么一个效果。

0818b9ca8b590ca3270a3433284dd417.png

怎么还打了水印了。

我把代码发一下方便后期的使用。

直接把压缩包也发一下。这里不能发压缩包呢。那我就直接发代码了,不发压缩包了。

支付方式选择

.on{margin:5px;border:3px solid #F60;filter:alpha(Opacity=100)}

.off{margin:5px;border:1px solid #CCC;filter:alpha(Opacity=20)}

function aa(a, b, c) {

//document.form1.img.value = a;

if(a==1)

{

document.getElementById("selectedinput").value="ZFB";

}

else if(a==2)

{

document.getElementById("selectedinput").value="WYZX";

}

document.getElementById("ZFMethods").getElementsByTagName("img")[a - 1].className = "on";

document.getElementById("ZFMethods").getElementsByTagName("img")[b - 1].className = "off";

document.getElementById("ZFMethods").getElementsByTagName("img")[c - 1].className = "off";

}

ddddddddddddddddddddddddddddddddd

ddddddddddddddddddddddddddddddddd

ddddddddddddddddddddddddddddddddd

ddddddddddddddddddddddddddddddddd

ZFB.jpg

WYZX.jpg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值