如何从多个选择HTML中选择值

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

var selectElement = document.getElementById("mySelect");
var selectedValue = selectElement.value;
console.log(selectedValue);

<input type="radio" name="option" value="option1">选项1
<input type="radio" name="option" value="option2">选项2
<input type="radio" name="option" value="option3">选项3

var radioElements = document.getElementsByName("option");
var selectedValue;
for (var i = 0; i < radioElements.length; i++) {
  if (radioElements[i].checked) {
    selectedValue = radioElements[i].value;
    break;
  }
}
console.log(selectedValue);

<input type="checkbox" name="option" value="option1">选项1
<input type="checkbox" name="option" value="option2">选项2
<input type="checkbox" name="option" value="option3">选项3

var checkboxElements = document.getElementsByName("option");
var selectedValues = [];
for (var i = 0; i < checkboxElements.length; i++) {
  if (checkboxElements[i].checked) {
    selectedValues.push(checkboxElements[i].value);
  }
}
console.log(selectedValues);