text/microsoft-resx 2.0 System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089 System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089 </div> </body> </html> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <script type="text/javascript"> window.onload = function () { oIMGs = document.getElementsByClassName("item"); for (var i = 0; i < oIMGs.length; i++) { oIMGs[i].onclick = function (e) { if (e.srcElement.nextElementSibling.checked) { e.srcElement.nextElementSibling.checked = false; } else { e.srcElement.nextElementSibling.checked = true; } genbtn(); } } } function genbtn() { var sb = " "; for (var i = 0; i < oIMGs.length; i++) { if (oIMGs[i].childNodes[1].checked==true) { sb += " " + oIMGs[i].id.toString(); } } var oh = document.getElementById("res"); oh.innerText = sb; } </script> <style type="text/css"> #gen { width:150px; height:50px; color:green; clear:both; float:left; } #bigdiv{ margin:0; clear:both; } div { float: left; } img { width: 130px; height: 180px; display: block; } input { position: relative; top: 0; margin: 0 auto; } </style> <p> <h1 id="res"> Click! </h1> </p> <div id="bigdiv">