JavaScript获取表单信息


表单元素的获取

text,password之类有单一name的可以通过

表单名.组件名name.value

radio,checkbox可以通过数组获得

表单名.组件名name[index].value

 

代码示例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function show(){
		var f=form;
		var str="";
		alert("姓名   "+f.name.value);
		for(i=0;i<f.sex.length;i++){
			if(f.sex[i].checked){
				str+=f.sex[i].value;
			}
		}
		alert(str);
		str="喜欢的运动:";
		for(i=0;i<f.inst.length;i++){
			if(f.inst[i].checked){
				str+=f.inst[i].value+"、";
			}
		}
		alert(str);
	}
</script>
</head>
<body>
	<form name="form" action="" method="post">
		姓名:<input type="text" name="name" size="6"> <br>
		性别:<input type="radio" name="sex" value="男" checked="checked"> 男
		<input type="radio" name="sex" value="女">女  <br>
		兴趣:<input type="checkbox" name="inst" value="游泳" checked="checked">游泳
		<input type="checkbox" name="inst" value="滑冰">滑冰
		<input type="checkbox" name="inst" value="撸啊撸">撸啊撸
		<input type="checkbox" name="inst" value="编程">编程
		<input type="button" value="显示" onclick="show()">
	</form>
</body>
</html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM