您的位置：首页 > Web前端 > JavaScript

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

2007-11-27 14:28 691 查看
向函数传递表单数据和元素：一个很有趣的话题，趣在使用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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航