javascript入门·向函数传递表单数据和元素（赠送一小技巧）

向函数传递表单数据和元素：一个很有趣的话题，趣在使用this关键字可以减少 window.document这类长长的引用，甚至可以把一个对象传进取 ，连fromname都不要了，例如，我们传递一个文本对象给函数，那么我们可以在onchange事件中把this作为参数，直接把这个文本对象传给函数，说那么多有什么用，看演示咯！

演示一：被传递的文本框（从小做起嘛，本来打算直接作整个表单的传送的）

演示二：被传递表单对象

天轰穿
田洪川
田皓文
其他

<% @LANGUAGE="JAVASCRIPT" CODEPAGE="936" %>
<! 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 >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 向函数传递表单数据和元素（赠送一小技巧） </ title >
< script  language ="javascript" >
function txt(ttt){//注意这里传来的是文本框对象哦
    alert("您输入的是："+ttt.value+"/n类型是: "+typeof(ttt))//看这里，是直接引用对象的
}
function formf(form){//处理表单提交事件
    for(i=0;i<form.name.length;i++){//循环表单内的单选按钮列表，注意这里的引用
        if(form.name[i].checked){//如果当前项被选中，
            break;//退出循环
        }
    }
    if(form.txt.disabled){//如果文本框为不可用
        alert(form.name[i].value)//显示单选按钮的值
        }
    else{//否则表示可用
        alert(form.txt.value)//显示文本框的值 
        }
}
function gb(form){//这个函数的作用是，当用户选择了的话，就让其他这个文本框实效
    form.txt.disabled=true
}
</ script >
</ head >

< body >
< p > 向函数传递表单数据和元素：一个很有趣的话题，趣在使用this关键字可以减少 window.document这类长长的引用，甚至可以把一个对象传进取 ，连fromname都不要了，例如，我们传递一个文本对象给函数，那么我们可以在onchange事件中把this作为参数，直接把这个文本对象传给函数，说那么多有什么用，看演示咯！ </ p >
< p >< strong > 演示一：被传递的文本框 </ strong > （从小做起嘛，本来打算直接作整个表单的传送的） </ p >
< input  type ="text"  name ="txt"  onchange ="txt(this)"   />
< p > 演示二：被传递表单对象 </ p >
< form  id ="form1"  onsubmit ="return false" >
   < table  width ="400"  border ="1"  cellspacing ="5"  cellpadding ="5" >
     < tr >
       < td  width ="91" > 天轰穿 </ td >
       < td  width ="268" >< input  type ="radio"  name ="name"  value ="天轰穿"  onchange ="gb(this.form)"   /></ td >
     </ tr >
     < tr >
       < td > 田洪川 </ td >
       < td >< input  type ="radio"  name ="name"  value ="田洪川"  onchange ="gb(this.form)"   /></ td >
     </ tr >
     < tr >
       < td > 田皓文 </ td >
       < td >< input  type ="radio"  name ="name"  value ="田皓文"  onchange ="gb(this.form)"   /></ td >
     </ tr >
     < tr >
       < td > 其他 </ td >
       < td >< input  name ="txt"  type ="text"  id ="txt"   /></ td >
     </ tr >
     < tr >
       < td  colspan ="2"  align ="center" >< input  type ="submit"  name ="Submit"  value ="提交"  onclick ="formf(this.form)"   /></ td >
     </ tr >
   </ table >
</ form >
< p > &nbsp; </ p >
</ body >

</ html >