单选按钮html图片 js实现的 图片单选按钮效果

【实例简介】用js实现的radio图片选择按钮效果。

【实例截图】

【核心代码】

用JS实现的radio图片选择按钮效果-脚本之家

.lanrentuku img{border:1px solid #008800;}

function myFun(sId) {

var oImg = document.getElementsByTagName('img');

for (var i = 0; i < oImg.length; i ) {

if (oImg[i].id == sId) {

oImg[i].previousSibling.previousSibling.checked = true;

oImg[i].style.border = '1px solid #FF6600';

} else {

oImg[i].style.border = '1px solid #008800';

}

}

}

用js实现的radio图片选择按钮效果。