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)
您可能感兴趣的文章: