1.document.forms[index] document.forms[fromname] document.formname
其实document保存了form的数组原始的用法是第一个,因为form有name属性,所以可以用二、三用法document也保存 了image的数组,所以可以用document.images[index]
2.表单控件
对于每个form也保存了内部元素的数组,因为有name属性,所以可以用第二、三种写法
form.elements[index] form.elements[elementname] form.elementname
重要组件:
单选框:用上述方法获取单选按钮的数组,因为各个内部选项没有name的了,所以只能用索引了
function tt()
{
var form = document.forms[0];
for(var i=0;i < form.radioname.length;i++)
{
if (form.radioname[i].checked)
{
alert(form.radioname[i].value)
}
}
}
如果radio框只有一个的话,上面的js就用不了了,因为form.radioname.length是undefined的,所以循环进不去(用typeof form.radioname.length == "undefined"判断吧)。而且点中了,就去不掉了。radio标签没有name属性的话,是无法选中的
function tt()
{
var form = document.forms[0];
if (form.dd.checked)
{
alert(form.dd.value)
}
}
多选框:
多选框和单选框差不多用法
但是checkbox标签没有name时仍然可选中。
下拉框:
function tt()
{
var form = document.forms[0];
alert(form.selectname.selectedIndex);
for(var i=0;i < form.selectname.options.length;i++)
{
alert(form.selectname.options[i].value)
alert(form.selectname.options[i].text)
}
}