javascript - 通过 Javascript 访问 HTML 表单元素

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;