JavaScript事件处理

来源：网络收集时间：2026-05-21

导读： JavaScript事件处理 JavaScript事件处理 JavaScript事件处理中的控件看作一个个的对象，通过document拿到myform表单，再通过它拿到属性为name的控件，然后通过value拿到对应的值。 validate(this)表示将当前对象(表单”myform”)传给调用函数，这样函数vali

JavaScript事件处理

JavaScript事件处理

JavaScript事件处理

中的控件看作一个个的对象，通过document拿到myform表单，再通过它拿到属性为name的控件，然后通过value拿到对应的值。

validate(this)表示将当前对象(表单”myform”)传给调用函数，这样函数validate就可以直接通过f拿到email.value，而不用通过document.myform.email.value;另外要注意的是submit控件不能响应onclick事件。若要验证表单则必须在表单中添加onsubmit。正则

JavaScript事件处理

表达式的使用方法 /(正则表达式)/.test(要测试的内容)。

上所示：两个radio控件的value值都存放在sex数组中。

JavaScript事件处理

sex +="女"; } var interest ="兴趣："; for(i=0;i<document.myform.interest.length;i++){ if(document.myform.interest[i].checked){ interest += document.myform.interest[i].value+"、"; } } alert("姓名："+name+"\n"+sex+"\n"+interest); } </script> </head> <body> <form action="#" 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="interest" value="游泳">游泳 <input type="checkbox" name="interest" value="唱歌">唱歌 <input type="checkbox" name="interest" value="上网">上网 <input type="checkbox" name="interest" value="跳舞">跳舞 <input type="checkbox" name="interest" value=" 编程 " checked>编程<br> <input type="button" value="提交" onclick="show()"> </form> </body> </html> 复选框的内容同样存放在一个数组中。 7.通过 javascript 对下拉列表进行操作，下拉列表所触发的事件是(onchange)。 <html> <head> <title>JSP EVENT</title> <script language="javascript"> function show(val){ document.myform.result.value=val; } </script> </head> <body> <form action="#" method="post" name="myform"> 部  门:<select name="dept" onchange="show(this.value)"> <option value="技术部">技术部</option> <option value="销售部">销售部</option>

JavaScript事件处理

<option value="财务部">财务部</option> </select> 结  果:<input type="text" name="result"> </form> </body> </html> Javascript 不仅可以从表单中拿到数据，还可以修改表单中的数据。

JavaScript事件处理.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/fanwen/2190516.html（转载请注明文章来源）

上一篇：2018年惯性导航行业分析报告
下一篇：七年级数学课堂教学案例

资料大全

热门排行