var inputs; var imgFalse = 'images/false.png'; var imgTrue = 'images/true.png'; function replaceChecks() { inputs = document.getElementsByTagName('input'); for(var i=0; i < inputs.length; i++) { if(inputs[i].getAttribute('type') == 'checkbox') { var img = document.createElement('img'); if(inputs[i].checked) { img.src = imgTrue; } else { img.src = imgFalse; } img.id = 'checkImage'+i; img.onclick = new Function('checkChange('+i+')'); img.onkeydown = new Function('checkChange('+i+')'); inputs[i].parentNode.insertBefore(img, inputs[i]); img.tabIndex = inputs[i].tabIndex; inputs[i].style.display='none'; }}} function checkChange(i) { if(inputs[i].checked) { inputs[i].checked = ''; document.getElementById('checkImage'+i).src=imgFalse; } else { inputs[i].checked = 'checked'; document.getElementById('checkImage'+i).src=imgTrue; }} window.onload=function() { replaceChecks(); }