Question

任何大师都可以告诉我如何从HTML表单元素 - RADIO BUTTON和CHECK BOX中获取值吗？

例如，在文本框的情况下，我们可以通过getElementById（id）.value直接获取值;

但是如何获取组合框（下拉菜单），单选按钮和复选框的值？

感谢。

Answer 1

下拉（<select>）：

var el = document.getElementById('yourSelectId');
var value = el.options[el.selectedIndex].value;

如果您将选择列表视为多选（组合框）列表，则必须循环选项并检查它们是否已被选中：

var el = document.getElementByid('yourSelectId');
var selectedValues = [];

for (var i = 0; i < el.options.length; i++) {
    if (el.options[i].selected) {
        selectedValues.push(el.options[i].value);
    }
}

// all selected values are now in the selectedValues array.

单选按钮和复选框也应该具有value属性，但更合适的是我认为我只会测试它们是否被选中：

var isChecked = document.getElementById('yourRadioOrCheckboxId').checked;

Answer 2

对于复选框，元素具有.checked属性：

document.getElementById('foo').checked; // true or false

通过Javascript访问HTML表单元素

2 个答案: