<1>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function getInput() { var inputs = document.getElementsByTagName("input"); //取得全部的input表单 for (var i = 0; i < inputs.length; i++) { //遍历全部的input表单 var inputName = inputs[i]; //获得当前遍历到的input表单 inputName.value = "哈哈"; //将当前的input表单value属性赋值“哈哈” inputName.onclick = btnClick; //给遍历到的当前表单注冊onclick事件,事件的处理函数为btnClick //注意我这里仅仅是给inputName的onclick事件指定了一个处理函数btnClick,详细函数怎样定义,则会写在下面btnClick()函数中 } } //vet是一个对象(事实上就是event,名字能够随便起)如今我将它作为一个參数来传递,它就是指控件触发的事件的状态,既然他是一个对象,它肯定有一些属性的,当中就包括了srcElement,或者火狐中的target,还有些onclick等事件 function btnClick(evt) { var inputs = document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { var inputName = inputs[i]; //在IE 中srcElement 表示产生事件的源,比方是哪个按钮触发的onclick 事件,火狐中则是target。 //window.event.srcElement取得引发onclick事件的控件(表单元素)。在火狐中srcElement无效(要用target) var obj = evt.srcElement ? evt.srcElement : evt.target; if (inputName == theEvent.target) { //假设当前表单就是引发事件的控件,就将当前表单的value值设为“我被点击了”,否则设为“哈哈” inputName.value = "我被点击了"; } else { inputName.value = "哈哈"; } } } </script> </head> <!--在页面载入完成后就会触发onload事件,onload事件就会调用getInput()函数,从而给全部的input表单的value赋值为“哈哈”--> <body onload="getInput()"> <form> <input type="button" /> <input type="button" /> <input type="button" /> <input type="button" /> </form> </body> </html>
http://blog.csdn.net/cyxlzzs/article/details/6711924
简写
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"> function getInput() { var inputs = document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { inputs[i].value = "哈哈"; inputs[i].onclick = function (evt) { var inputs = $("input"); //等同于document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { if (inputs[i] == evt.target) { //注意==号,别写成了= inputs[i].value = "我被点击了"; } else { inputs[i].value = "哈哈"; } } }; } } </script> </head> <body onload="getInput()"> <input type="button" /> <input type="button" /> <input type="button" /> </body> </html>