여러 입력 상자의 내용을 동시에 변경하는 js 코드_javascript 기술

<input type="text" name="word" id="1"> <input type="text" name="word" id="2"> <input type="text" name="word" id="3"> <input type="text" name="word" id="4">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]
정의 및 사용법

onkeyup 이벤트는 키보드 키를 놓을 때 발생합니다. 구문

onkeyup="SomeJavaScriptCode" 매개변수 설명
SomeJavaScriptCode 필수입니다. 이 이벤트가 발생할 때 실행할 JavaScript를 지정합니다.
이 이벤트를 지원하는 HTML 태그:
, ,

, , , , < ;big>,

, ,
, , , , <dd>, <del>, <dfn> ;, <div>, <dt>, <em>, <br><fieldset>, <form>, <h1> ~ <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, <br><li>, <map>, <object>, <ol>, <p>, <br></p> <li>, <p>, < pre>, <q>, <samp>, <select>, <small>, <BR><span>, <strong>, <sub>, <sup>, <table>; , <tbody>, <td>, <textarea>, <tfoot>, <BR><th>, <thead>, <tr>, <tt>, <ul>, < ;var> <br>이 이벤트를 지원하는 JavaScript 개체: <br>문서, 이미지, 링크, 텍스트 영역 인스턴스</p> <div class="htmlarea">예제의 입력 필드에 문자를 입력하면 문자가 하나씩 대문자로 변경됩니다. : <textarea id="runcode54152"> <input type="text" id="fname" onkeyup="upperCase(this.id)"> 이름을 입력하세요: </textarea> <br> <input onclick="runEx('runcode54152')" type="button" value="运行代码"> <input onclick="doCopy('runcode54152')" type="button" value="复制代码"><input onclick="doSave(runcode54152)" type="button" value="保存代码"><a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> </a> </div>[Ctrl A 모두 선택 참고: <script type="text/javascript"> var input_arr = document.getElementsByName('word'); var len = input_arr.length; for(var i=0; i< len; i++){ input_arr[i].onkeyup = function(){ copyToOther(this.value,this); }; } function copyToOther(val,obj){ for(var j=0; j< len; j++){ if(input_arr[j] != obj){ input_arr[j].value = val; } } } </script>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 <script type="text/javascript"> function upperCase(x) { var y=document.getElementById(x).value document.getElementById(x).value=y.toUpperCase() } </script>]</li> </ol></object></map> </li> </legend></label></kbd></i> </h6> </h1> </form> </fieldset></em> </dt> </div></dfn></del> </dd>