向函数传递表单数据和元素:一个很有趣的话题,趣在使用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 > </ p >
</ body >
</ html >
<! 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 > </ p >
</ body >
</ html >