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