这篇文章主要介绍"怎么用Java语言(一种计算机语言,尤用于创建网站)描述语言实现单选表单",在日常操作中,相信很多人在怎么用Java语言(一种计算机语言,尤用于创建网站)描述语言实现单选表单问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"怎么用Java语言(一种计算机语言,尤用于创建网站)描述语言实现单选表单"的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
像支付宝一样,可以点银行卡的图片进行选择,然后有红圈表示已经选中的一款射流研究…特效。
看一下效果预览:
代码部分:
!DOCTYPEhtmlPUBLIC '-//W3C//dtdxhtml 1.0 transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-过渡性。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' health ettp-equiv=' Content-Type ' Content=' text/html;charset=utf-8'/title无标题文档/titlestyletype='text/css ' .银行{后台: URL(http://js。艾丽西娅。com/UploadPic/2012-6/20126161135670932。jpg);光标:指针指针;宽度宽度:190像素高度:36 px显示:内嵌块;文本缩进:-999 em;飞越:隐藏;border:1pxsolid # dfdfdf垂直对齐:毫米;}.工商{背景-位置:-275像素-204像素;}.农业{背景-位置:-47px-204 px;}.已选中{ border :1 px solid # f76 b0c }/style/head by dinputtype=' radio ' id=' gonshang ' name=' bank '/labelid=' gonshang _ label ' for=' gonshang ' class=' bankonshang '中国工商银行/labelinputype=' radio ' id=' nongye ' name=' bank '/labelid=' nongye _ label ' for=' nongye ' class=' bank nongye '中国农业银行/labelscripttype=' text/JAVAScript ' ra=document。getelementsbyname(' bank ');len=ra . length for(I=0;伊琳;i ){ra[i].onclick=function(){ la=document。getelementsbytagname(' label ');len 2=la . length for(j=0;jlen2j ){la[j].类名=la[j]。类名。替换('选中',' ');} varlabel _ id=this。GetAttribute(' id ')' _ label ';varlabel _ obj=document。getelementbyid(label _ id);label _ obj . class name=' checked } }/脚本/正文/html到此,关于"怎么用Java语言(一种计算机语言,尤用于创建网站)描述语言实现单选表单"的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/101258.html