课件----动态网页脚本语言JavaScript精要.ppt

* 2.属性 name: 单选按钮对象的名字(NAME属性) checked: 设置单选按钮是否被选中。 length: 返回单选按钮的个数。 type: 设置单选按钮的类型。 (radio) value: 返回单选按钮的值。 3.方法 blur() 把焦点从该对象上移开。 focus() 把焦点移到该对象上。 click() 在该对象上单击鼠标左键。 单选按钮对象(radio) * 4.事件 onBlur、onFocus、onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown、onMouseMove 单选按钮对象 * 5.举例 例1：判断用户身份 例2：在线考试 单选按钮对象(radio) * 当JavaScript读到INPUT标记中的type属性值为checkbox时，自动建立一个复选框对象，并将该对象放到表单对象的elements数组当中。 1.使用复选框对象的格式 document.forms[索引值].elements[索引值].属性 document.forms[索引值].elements[索引值].方法(参数群) 或 document.表单名称.复选框对象名称.属性 document.表单名称.复选框对象名称.方法(参数群) 复选框对象(checkbox) * 2.属性 name: 复选按钮对象的名字(NAME属性) checked: 设置复选按钮是否被选中。 length: 返回复选按钮的个数。 type: 设置复选按钮的类型。(checkbox) value: 返回复选按钮的值。 3.方法 blur() 把焦点从该对象上移开。 focus() 把焦点移到该对象上。 click() 在该对象上单击鼠标左键。 复选框对象(checkbox) * 4.事件 onBlur、onFocus、onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown、onMouseMove 复选框对象(checkbox) * 5.举例：选择颜色 Script function count() { var checkCount=0; var num = document.form1.elements.length; *** for (var i=0; inum; i++) {if (document.form1.elements[i].checked) checkCount++; } alert (你喜欢 + checkCount + 种颜色。) } /Script FORM NAME=form1 请选择你喜欢的颜色：BR INPUT TYPE=checkbox NAME=red红色 INPUT TYPE=checkbox NAME=green绿色 INPUT TYPE=checkbox NAME=blue蓝色BR INPUT TYPE=button VALUE=请单击 onClick=count() /FORM 运行结果 复选框对象(checkbox) * 当JavaScript读到SELECT标记时，自动建立一个选择对象，并将该对象放到表单对象的elements数组当中。 1.使用选择对象的格式 document.forms[索引值].elements[索引值].属性 document.forms[索引值].elements[索引值].方法(参数群) 或 document.表单名称.选择对象名称.属性 document.表单名称.选择对象名称.方法(参数群) 下拉列表对象(select) * 2.属性 name: 该对象的名字(NAME属性) options: 数组属性，表示下拉列表中的选项。 length: 返回下拉列表中选项(Option)的数目。 selectedIndex: 返回下拉列表所选择项对应目 的索引(选到第一项，返回0)。 3.方法 blur() 把焦点从该对象上移开。 focus() 把焦点移到该