首页 »Javascript教程 » 复选框:javascript复选框 »正文复选框:javascript复选框来源: 发布时间:星期四, 2009年2月12日 浏览:298次 评论:0
复选框对象用在可让用户从选项列表中选择多个选项情况下它是用<INPUT>标记通过以下方式创建: <INPUT TYPE=“checkbox” VALUE=“Novies”>Movies 以下举例演示了通过复选框对象进行事件处理这个举例演示是用户订阅时事通讯过程用户在选择了种或多种时事通讯后单击“登记”按钮这时就会显示个新页面列出用户所选时事通讯如图15.9所示如果用户未选择任何时事通讯就单击“登记”按钮则会显示个警告框介绍说明用户尚未选择时事通讯 <HTML> <HEAD> <TITLE>使用Checkbox对象</TITLE> <SCRIPT LANGUAGE=\"JavaScript\"> <!-- function rfocus(f) { f.form.t1.value=f.value+\"接收焦点\"; } function reg(s) { var letters=\"\"; var flag=0; for (i=1;i<s.length;i){ (s[i].checkedtrue){ flag=1; letterss[i].value+\"\\n\"; } } (flag1){ document.write(\"<BODY bgColor=’burlywood’><PRE>以下是您订阅时事通讯<BR>\"); document.write(letters+\"</PRE></BODY>\"); } alert(\"您尚未选择时事通讯\"); } //--> </SCRIPT> </HEAD> <BODY bgColor=\"burlywood\"> <PRE> <H2>欢迎订阅时事通讯</H2> 请选择您要订阅时事通讯: <FORM> <INPUT TYPE=\"checkbox\" NAME=\"nletter\" VALUE=\"C\" onFocus=\"rfocus(this)\">C <INPUT TYPE=\"checkbox\" NAME=\"nletter\" VALUE=\"C\" onFocus=\"rfocus(this)\">C <INPUT TYPE=\"checkbox\" NAME=\"nletter\" VALUE=\"C#\" onFocus=\"rfocus(this)\">C# <INPUT TYPE=\"checkbox\" NAME=\"nletter\" VALUE=\"JAVA\" onFocus=\"rfocus(this)\">JAVA <INPUT TYPE=\"checkbox\" NAME=\"nletter\" VALUE=\"Visual Basic\" onFocus=\"rfocus(this)\">Visual Basic <INPUT TYPE=\"checkbox\" NAME=\"nletter\" VALUE=\"oracle\" onFocus=\"rfocus(this)\">oracle <INPUT TYPE=\"checkbox\" NAME=\"nletter\" VALUE=\"SQL Server\" onFocus=\"rfocus(this)\">SQL Server <INPUT TYPE=\"text\" SIZE=\"30\" NAME=\"t1\"><BR> <INPUT TYPE=\"button\" value=\"登记\" onClick=\"reg(this.form.nletter)\"> [Page] </FORM> </PRE> </BODY> </HTML> 请注意文本框所显示“Oracle接收焦点”这里“Oracle”是最后选择复选框也就是说这个复选框接收焦点便触发onFocus事件rfocus() 整理总结: ★ 文本框对象支持常用事件处理:onBlur、onChange、onFocus、onSelect ★ 文本区focus思路方法使文本区接收焦点意味着光标在文本区对象区域中闪动用于编辑文本区中内容select思路方法用于选择文本中所有文本 ★ 文本区对象支持常用事件处理程:onBlur、onChange、onFocus、onSelect ★ 命令按钮对象支持常用事件处理程:onBlur、onClick、onMouseDown、onMouseUp ★ 通过修改<INPUT>元素type属性命令按钮也可以作为“提交”按钮和“重置”按钮单击“提交”按钮时触发事件onSubmit单击“重置”按钮时触发事件onClick ★ 复选框对象支持常用事件处理类型:onBlur、onClick、onFocus 0
相关文章读者评论发表评论 |
|