表单应用

sunny — Thu, 18 Sep 2008 06:52:54 +0000

读取和设置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值是相同的）如：

性别：

以下是获取这一组radio的方法:
var sexgroup=document.forms["form1"].["sex"];
其中可以用sexgroup[0]来获取这组按钮中的第一个。

注意：判断一组按钮中的那一个按钮被选中，必须遍历组中所有的radio按钮，并读取每一个checked属性，来看看是否处于选中状态。

JavaScript语言: 查看处于选中状态的按钮

1 var sexgroup=document.forms["form1"].["sex"];
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()方法的，所以接下来我们要判断一下，以便正确定位。

JavaScript语言: 焦点正确定位表单的一个元素处

01 function rightlocation()
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 }

可以如下调用：

表单的提交：

通过submit()来提交表单例如
使用onsubmit()来实现表单的验证
使表单仅提交一次：

选择文本：要想用js选择文本框中的文本，首先要使该文本框获得焦点，然后再选择该值

var selecttext=document.getElementById(“name”);

selecttext.focus();

selecttext.select();

如果要想某个文本框再获得焦点的时候就选择该文本框中的值，则可以这样实现：

相信明天会更好 » checkbox

表单应用