FORM表单的获取和回显

创建表单：

form action="http://www.baidu.com" method="post" onsubmit="return cc()">
			
			名字：<input type="text" name="name" id="name" value="" /><br>
			密码：<input type="password" name="pwd" id="pwd" value="" /><br>
			电话号码：<input type="text" name="phone" id="phone" value="" /><br>
			性别：
			<input type="radio" name="sex"  value="1" />男
			<input type="radio" name="sex"  value="0" />女<br>
			
			爱好：
			<input type="checkbox" name="hobby"  value="1" />吃
			<input type="checkbox" name="hobby"  value="2" />喝
			<input type="checkbox" name="hobby"  value="3" />拉
			<input type="checkbox" name="hobby"  value="4" />撒<br/>
			
			部门：
			<select name="" id="sel">
				<option value="1">财务</option>
				<option value="2">后勤</option>
				<option value="3">技术</option>
			</select>
			
			<input type="submit" value="提交"/>
			<input type="reset" value="重置"/>
		</form>

获取单选性别：

//获取性别
				var sexs=document.getElementsByName('sex');
				var sexValue=0;
				for(var i=0;i<sexs.length;i++){
					if(sexs[i].checked==true){
						sexValue=sexs[i].value;
						break;
					}
				}

获取多选爱好:

//获取爱好
var hobbys=document.getElementsByName('hobby');
				var ho=[];
				for(var i=0;i<hobbys.length;i++){
					if(hobbys[i].checked==true){
						ho.push(hobbys[i].value)
					}
				}

获取下拉列表部门的值

//获取下拉列表的值
				var sel=document.getElementById('sel').value;
				alert(sel);
				
				
				return true;
				
			}

获取手机号

function $(id){
				return document.getElementById(id);
			}
var p=$('phone').value;
//获取电话号码
				phone=p.trim();
		if(!(/^1[34578]\d{9}$/.test(phone))){ 
			alert("手机号码有误，请重填");  
				return false; 
			} 

创建回显按钮和回显的用户属性：

<button type="button" onclick="a()">回显</button>
//用户属性
			var t_user={
				
				name:'qinghua',
				pwd:'123456',
				phone:'13400000000',
				sex:0,
				hobbys:'2-3-4',
				dept:2
				
			}

回显姓名，密码，电话

function a(){
				$('name').value=t_user.name;
				$('pwd').value=t_user.pwd;
				$('phone').value=t_user.phone;
				}

回显单选性别

//回显性别
				var sexs=document.getElementsByName('sex')
				for(var i=0;i<sexs.length;i++){
					if(sexs[i].value==t_user.sex){
						sexs[i].checked=true;
						break;
					}
				}

回显多选爱好

//回显多选爱好
				var hobbys=document.getElementsByName('hobby');
				var hs=t_user.hobbys.split('-');
				for(var i=0;i<hobbys.length;i++){
					for(var j=0;j<hs.length;j++){
						if(hs[j]==hobbys[i].value){
							hobbys[i].checked=true;
							continue;
						}
					}
				}

回显下拉列表部门

//回显部门
$('sel').value=t_user.dept;
				
			}
			
			function $(id){
				return document.getElementById(id);
			}