js中怎么获取选中的id值

<input type="radio" name="option" id="option1" value="1">
<label for="option1">Option 1</label>
<input type="radio" name="option" id="option2" value="2">
<label for="option2">Option 2</label>

<script>
document.querySelectorAll('input[name="option"]').forEach(radio => {
  radio.addEventListener('change', function() {
    if (this.checked) {
      console.log('Selected ID:', this.id);
    }
  });
});
</script>

<input type="checkbox" id="check1" value="1">
<label for="check1">Check 1</label>
<input type="checkbox" id="check2" value="2">
<label for="check2">Check 2</label>

<script>
document.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {
  checkbox.addEventListener('change', function() {
    if (this.checked) {
      console.log('Selected ID:', this.id);
    }
  });
});
</script>

<select id="dropdown">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

<script>
document.getElementById('dropdown').addEventListener('change', function() {
  console.log('Selected ID:', this.options[this.selectedIndex].id);
});
</script>

document.addEventListener('DOMContentLoaded', function() {
  // 在这里绑定事件监听器
});