嗨刚刚做了一个快速脚本,希望对你有帮助。如果您发现脚本有任何问题,请告诉我。
我使用的是焦点事件和输入框,您可以根据需要进行更改。
函数 doSelect( obj ){ var mylist=document.getElementById("formDiv") var inputItems= mylist.getElementsByTagName("input"); for (i=0; i < inputItems.length; i++){ document.getElementById(inputItems[i].id).className = "Notselected"; } document.getElementById(obj.id).className = "selected"; }
在 div 标签 id="formDIV" 中有一个表单标签
很少有文本类型的输入标签和 onfocus="doSelect(this)"
<body> <div id="formDiv"> <form name="testform"> <input type="text" name="tx1" id="text1" onfocus="doSelect(this)"/> <input type= "text" name="tx2" id="text2" onfocus="doSelect(this)"/> <input type="text" name="tx3" id="text3" onfocus="doSelect(this)"/> <input type="text" name="tx4" id="text4" onfocus="doSelect(this)"/> <input type="text" name="tx5" id="text5" onfocus="doSelect(this )"/> </form> </div> </body>
这应该会有所帮助。