用js获取点击图片的值!_javascript技巧

今天写的，项目要求的控制取值的代码，放上来让大家轻拍一下。

需求：图片可以多选，单独提取第一次选取图片的值、提取用户选择的所有图片的值并保存。

那位高手有更好的方法，请留下脚印，谢谢！^-^

<style type="text/css"> <!-- .picqa{ cursor:hand; float:left; border:5px #333 solid; padding:1px; margin:2px; } .picqa_active{ cursor:hand; float:left; border:5px #FF0000 solid; padding:1px; margin:2px;} --> </style> <script type="text/javascript"> <!-- var ifactive = 0; function changpicclass(thisid,thisvalue){ //改变图片样式 if(document.getElementById(thisid).className == "picqa") { document.getElementById(thisid).className = "picqa_active"; ifactive = 1;} else { document.getElementById(thisid).className = "picqa"; ifactive = 0;} //写值 window.document.muchcombo_tt.firsiclick.value == "" ? window.document.muchcombo_tt.firsiclick.value = thisvalue : (window.document.muchcombo_tt.clickpicvalue.value = writeclickpicvalue(thisvalue)); //alert(window.document.muchcombo_tt.firsiclick.value); function writeclickpicvalue(thisvalue){ var s = window.document.muchcombo_tt.clickpicvalue.value; if(ifactive == 1){ s = s + thisvalue; s = s.replace(/\s/g,""); return s; }else{ s = s.replace(thisvalue,""); return s;} } //用户离开时间过长时候，清空文本框，放置缓存 setTimeout('clear()',10000); } function clear(){ window.document.muchcombo_tt.clickpicvalue.value = "";} --> </script> <form name="muchcombo_tt" action="" method="post"> <div id="temp" style="position:absolute; width:380px; height:550px; z-index:0; visibility: visible;"> <div id="picqa1" class="picqa" onclick="changpicclass(this.id,1)">pic1</div> <div id="picqa2" class="picqa" onclick="changpicclass(this.id,2)">pic2</div> <div id="picqa3" class="picqa" onclick="changpicclass(this.id,3)">pic3</div> <div id="picqa4" class="picqa" onclick="changpicclass(this.id,4)">pic4</div> <div style="clear:both;"> <p>firstClickValue:<input type="text" name="firsiclick" value="" size="20"></p> OtherClickValue:<input type="text" name="clickpicvalue" value="" size="20"> </div> </div> </form>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]