<html>
<head>
<title>formevent</title>
<script language="javascript">
function show(){
var name= document.myform.name.value;
alert("姓名"+name);
var sex;
if(document.myform.sex[0].checked){
sex=document.myform.sex[0].value;
}else{
sex=document.myform.sex[1].value;
}
alert("性别"+sex);
var inst="";
for(i=0;i<document.myform.inst.length;i++){
if(document.myform.inst[i].checked){
inst += document.myform.inst[i].value+" ";
}
}
alert("兴趣 "+inst);
}
function show1(val){
alert(val);
document.myform.result.value=val;
}
function showMemo(){
alert(document.myform.memo.value);
}
</script>
</head>
<body>
<form action="test.htm" method="post" name="myform" >
姓名:<input type="text" name="name"><br>
性别:<input type="radio" name="sex" value="男" CHECKED>男
<input type="radio" name="sex" value="女">女<br>
兴趣:<input type="checkbox" name="inst" value="唱歌">唱歌
<input type="checkbox" name="inst" value="跳舞">跳舞
<input type="checkbox" name="inst" value="游泳">游泳
<input type="checkbox" name="inst" value="编程">编程<br>
部门:<select name="dept" οnchange="show1(this.value)">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
结果:<input type="text" name="result" value=""><br>
备注:<input type="textarea" name="memo" value="JavaScript 的事件命名以onXxx形式出现;事件一旦触发可以通过函数进行相应的处理;在进行表单验证的时候也可以使用正则表达式完成。">
<input type="button" value="showMemo" οnclick="showMemo()"><br>
<input type="button" value="显示" οnclick="show()">
</form>
</body>
</html>
js3
最新推荐文章于 2023-02-09 15:43:21 发布