HTML中的for属性的用法

大家会上京东那些网站去购物吧，当我们支付的时候系统会让我们去选择用哪一个银行去支付，然后列出N多的银行的logo,前面是一个单选按纽(如下图)

，我们是点击各个银行的logo，而不用去点那上单选，这种效果该怎么实现呢？也许有人一下就反应过来说用JS，没错，JS是可以实现，但是现在完全不用JS就可以实现

那就是用HTML中的元素的for就可以了，这个for属性只针对label标签有用，其它的好像不起作用。以下是源码

 每一个label的for属性的值都是指向它所对应的单选按纽的id属性值。用起来很简单的哦！值得注意的是：不能直接把图片放到label之间，我也不知道为什么

呵呵，不用JS，也可以达到我们想要的结果哦，是不是好简单呢？这种用法很少见，偶然遇见了，就和大家一起分享了！