JavaScript DOM 学习第五章 表单简介(2)


var selectBox = document.forms[0].select;
user_input = selectBox.options[selectBox.selectedIndex].value


首先找出用户选择了的项目。document.forms[0].select.selectedIndex给出了选择项目的编号。JavaScript已经创建了一个包含所有select boxes选项的options数组。所以通过这个数组就能知道用户选择了什么,然后存储在user_input里面。
checkboxes
checkboxes有一些小小的不同。我们已经知道了他的值,但是需要知道用户是否选择了他。checked属性可以告诉我们。他有true和false两个值。
那么:

复制代码 代码如下:


if (document.forms[0].checkbox.checked) {
user_input = document.forms[0].checkbox.name
}


checkbox是复选框的名字。如果复选框被选择了,我们就得到名字(你也可以选择得到值)然后传递给user_input。
选择一个复选框可以:

复制代码 代码如下:

document.forms[0].checkbox.checked = true


单选框
不幸的是,你不能一下子就找到哪个单选框被选中了。只能在遍历之后查找checked属性为true的那一项。

复制代码 代码如下:


for (i=0;i<document.forms[0].radios.length;i++) {
if (document.forms[0].radios[i].checked) {
user_input = document.forms[0].radios[i].value;
}
}


radios就是这一组单选框的名字。
注意document.forms[0].radios是包含所有单选框的数组,循环检测是否checked的属性为true。如果是则传递个user_input。
document.forms[0].radios.length返回所有单选框的数目。
如果选择一个单选框,我们可以设置它的checked的值为true:

复制代码 代码如下:

document.forms[0].radios[i].checked = true;


翻译地址:
转载请保留以下信息
作者:北玉(tw:@rehawk)

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdsspj.html