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

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

怎么还打了水印了。

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

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

支付方式选择

.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

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

  1. 实现单选(radio)和多选(checkbox)自定义选择样式

    自定义单选和多选的radio和checkbox实现 还在用js来实现单选和多选的字定义样式吗,那你就low了,现在直接用css就可以实现了,不需要太多的逻辑代码,能过实现你想要的单选和多选效果的样式~ ...

  2. linux mysql 客户端编码设置_mac和linux下mysql字符集设置问题

    为什么要设置字符集 设置字符集主要是解决乱码问题,由于中文和英文编码不同导致,中文出现乱码,所以一般都设置为utf8格式 不同的字符集占用的字节大小不同,选择合适的字符集可以提高数据库的性能, mac ...

  3. outlook2010签名设置 怎麼用html 设置名片,windows10系统下Outlook2010如何设置邮箱签名...

    经常使用邮箱的朋友们,都会设置一个邮箱签名.而邮箱签名就是在你发出的每封邮箱后面都会加上你的签名档内容,方便邮件接收者了解你的基本信息,相当于个人名片.那么,windows10系统下Outlook20 ...

  4. ffmpeg 设置网络代理_MAC下使用SSH设置代理的办法

    发表于 2013-04-21 13:04:38 by 月小升 MAC下可以利用这个SSH翻qiang 然后,打开"系统偏好设置"->"网络"->&q ...

  5. android 设置静态ip,Android下用代码设置静态IP地址的方法(完美支持Android2.X,Android3.X,Android4.X)...

    有一个项目,要控制设备wifi连接,而且要使用静态ip,上网查找了下,基本都是Android2.X下面的方法,即使用Settings进行设置,但是这种设置方法对于Android3.X以上设备是无效的, ...

  6. linux怎样将文件夹设置共享,Linux操作系统下共享文件夹设置方法介绍

    首先当然是要安装samba了,呵呵: sudo apt-get install samba sudo apt-get install smbfs 下面我们来共享群组可读写文件夹,假设你要共享的文件夹为 ...

  7. vb编写脚本能让计算机屏幕黑屏,,win7上设置颜色黑屏

    当前位置:我的异常网» VB » ,win7上设置颜色黑屏 ,win7上设置颜色黑屏 www.myexceptions.net  网友分享于:2013-12-16  浏览:7次 求助,win7下设置颜 ...

  8. linux下PS1命令提示符设置

    次文来自我的一片博文: 前些天安装了centos6.0.自己也尝试着使用命令行来提高自己,但是,苦于每次键入的命令都是一个黑乎乎的颜色,而且前面的什么设备名称啊.主机名称啊.当前路径啊什么的,自己用起 ...

  9. WebView实现改变选中区域颜色以及添加下划线

    一.Web端实现 最近遇到了一个问题,老大要求实现对WebView加载的html页面实现选中修改背景色以及添加下划线并可以删除,最后可以保存这些修改,下次进入该html界面时仍然能够显示之前添加的背景 ...

最新文章

  1. 标注图+部分举例聊聊Vue生命周期
  2. vc遍历网页表单并自动填写提交
  3. Visual Studio 2008 每日提示(三十一)
  4. RxSwift之UI控件UIPickerView扩展的使用
  5. 如何将自开发的SAP UI5应用以tile的方式配置到SAP Fiori Launchpad里
  6. C#单例模式的简单使用
  7. java线程安全定义了什么单例_Java中四种线程安全的单例模式实现方式
  8. 技术实践丨手把手教你使用MQTT方式对接华为IoT平台
  9. 使用SQL生成SQL语句时单引号的转义处理之q'{}'方法
  10. 传输线特性阻抗与阻抗匹配关系【转】
  11. spss和python财务数据分析_用SPSS做数据分析?先弄懂SPSS的基础知识吧
  12. Android 获得设备状态信息、Mac地址、IP地址
  13. Xshell下载安装(解决评估过期问题)
  14. 控制面板里卸载软件的入口注册表项
  15. 袋鼠过河问题(Java)
  16. 蓝奏云打不开解决方法
  17. 使用 Amazon Amplify快速创建简单的 Android 应用程序
  18. Altium Designer初学教程(一)
  19. 怎样迅速搭建运营级直播服务器,用直播源码来完成属于你的专属直播服务
  20. 采用简化原型法进行软件项目需求分析

热门文章

  1. 桥牌笔记:防止将牌失控
  2. UDP实现两台计算机(客户端和服务端)互联
  3. 【基础理论】数据检索问题与解决方案、Solr和ES性能比较(一)
  4. Qt PushButton 使用
  5. caoz的梦呓:所谓打破信息不对称,其实是一种幻觉
  6. 基于GPS北斗卫星授时系统和NTP网络授时服务器的设计与开发
  7. K210——I2C_OLED屏幕显示
  8. C# Access中OLE对象的操作
  9. 班班通计算机工作总结,“班班通”使用工作总结
  10. 函授计算机大专自我鉴定100字,函授毕业生自我鉴定100字(精选7篇)