Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to use javascript to achieve a single choice form", in daily operation, I believe many people in how to use javascript to achieve a single choice form problem there are doubts, Xiaobian consulted all kinds of information, sorted out simple and easy to use operation methods, hope to answer "how to use javascript to achieve a single choice form" doubts helpful! Next, please follow the small series to learn together!

Like Alipay, you can click on the picture of the bank card to select, and then there is a red circle indicating that a JS special effect has been selected.

Take a look at the effect preview:

Code section:

Untitled document.bank{background:url(http://js.alixixi.com/UploadPic/2012-6/20126161135670932.jpg); cursor:pointer; width:190px; height:36px; display:inline-block; text-indent:-999em; overflow:hidden; border:1px solid #dfdfdf; vertical-align:middle;} .gongshang{ background-position:-275px-204px;} .nongye{ background-position:-47px-204px;} .checked{ border:1px solid #f76b0c;} Agricultural Bank of China ra = document.getElementsByName('bank'); len = ra.length; for(i=0;i

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.