zoukankan      html  css  js  c++  java
  • 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>
    

     

  • 相关阅读:
    uva 10280(欧拉函数)
    uva 11121(-2进制)
    uva 10673(扩展欧几里德)
    uva 106(勾股定理)
    uva 128(简单题)
    Codeforces Round #238 (Div. 1) 解题报告
    2018(1)系统分析/需求分析
    2015(1)进度管理/时间管理
    序列图
    [转贴] 软件测试职业发展的 A 面和 B 面
  • 原文地址:https://www.cnblogs.com/zhanghengstdu/p/6621673.html
Copyright © 2011-2022 走看看