表單元素的獲取
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>
