- 读取和设置checkbox的状态：
var checkbox=document.forms["form2"]["checkbox1"] //获取了form2中id或者name为checkbox1的复选框
var checkedstate=checkebox.checked;//读取了checkbox是否被选中，值为true或者false
var checkboxvalue=checkbox.value;//读取了checkbox的值
- 读取和设置radio的状态（一组按钮的name值是相同的）如：
<label>性别：</label>
<input type=”radio” id=”radioA” name=”sex” value=”请选择”>
<input type=”radio” id=”radioB” name=”sex” value=”男”>
<input type=”radio” id=”radio” name=”sex” value=”女”>
以下是获取这一组radio的方法:
var sexgroup=document.forms["form1"].["sex"];
其中可以用sexgroup[0]来获取这组按钮中的第一个。
注意：判断一组按钮中的那一个按钮被选中，必须遍历组中所有的radio按钮，并读取每一个checked属性，来看看是否处于选中状态。
2 for(var i=0; i<sexgroup.length;i++)
3 {
4 if(sexgroup[i].checked==true)
5 {
6 alert(sexgroup[i].value);
7 }
8 }
- 表单字段的共性
- focus()可使表单域获得焦点
- blur()可使表单域失去焦点
- onFocus()表单域获得焦点时触发的函数
- onBlur()表单域失去焦点时触发的函数
注意：隐藏字段(type=hidden)不支持以上方法和函数
- 使焦点位于第一个字段处
document.form[0].elements[0].focus();
但是如果表单中的第一个字段是隐藏字段，那么此时是不支持focus()方法的，所以接下来我们要判断一下，以便正确定位。
02 {
03 var allelements=document.form[0].elements;
04 for(var i=0;i<allelements.length;i++)
05 {
06 if(allelements[i].type!=“hidden”)
07 {
08 allelements[i].onfocus();
09 return;
10 }
11 }
12 }
可以如下调用：
<body onLoad=”rightlocation()” >
- 表单的提交：
- 通过submit()来提交表单例如<input type=”button” value=”提交” onClick=”document.form1.submit()”;
- 使用onsubmit()来实现表单的验证<form name=”form1″ action=”" method=”post” onsubmit=”handleform()”>
- 使表单仅提交一次：<input type=”button” value=”提交” onsubmit=”this.disable=true;this.form1.submit();”>
- 选择文本：要想用js选择文本框中的文本，首先要使该文本框获得焦点，然后再选择该值
var selecttext=document.getElementById(“name”);
selecttext.focus();
selecttext.select();
如果要想某个文本框再获得焦点的时候就选择该文本框中的值，则可以这样实现：
<input type=”text” name=”schoolname” value=”请输入学校名称” onfocus=”this.select()” />
2008/09/18 | sunny | 719 Views
