저는 오늘 프로젝트에서 요구하는 값을 제어하는 코드를 작성하고 모든 사람이 활용할 수 있도록 게시했습니다. 요구사항: 여러 장의 사진을 선택하고, 처음 선택한 사진의 값을 별도로 추출하고, 사용자가 선택한 모든 사진의 값을 추출하여 저장할 수 있습니다. 저 스승님은 더 좋은 방법이 있으신데 발자국을 남겨주세요 감사합니다! ^-^ <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> <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)"> </div>사진1<div id="picqa2" class="picqa" onclick="changpicclass(this.id,2)"> </div>사진2<div id="picqa3" class="picqa" onclick="changpicclass(this.id,3)"> </div>사진3<div id="picqa4" class="picqa" onclick="changpicclass(this.id,4)"> </div>사진4<div style="clear:both;"> <p> <input type="text" name="firsiclick" value="" size="20">firstClickValue:</p> <input type="text" name="clickpicvalue" value="" size="20"> 기타클릭값:</div> </div> </form> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ] <!-- 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 = "";} -->
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
