html判断多个不同类型的单选按钮是否已选

可以通过JavaScript来实现判断多个不同类型的单选按钮是否已选。以下是一个示例代码：

<input type="radio" name="group1" value="1">
<input type="radio" name="group1" value="2">
<input type="checkbox" name="group2" value="3">
<input type="checkbox" name="group2" value="4">
<button onclick="checkSelected()">Check Selected</button>

<script>
function checkSelected() {
  var group1Selected = false;
  var group2Selected = false;
  
  // Check radio buttons
  var radios = document.getElementsByName("group1");
  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      group1Selected = true;
      break;
    }
  }
  
  // Check checkboxes
  var checkboxes = document.getElementsByName("group2");
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      group2Selected = true;
      break;
    }
  }
  
  // Display result
  if (group1Selected && group2Selected) {
    alert("Both groups are selected");
  } else if (group1Selected) {
    alert("Group 1 is selected");
  } else if (group2Selected) {
    alert("Group 2 is selected");
  } else {
    alert("No groups are selected");
  }
}
</script>

在这个示例中，我们首先定义了两个变量 `group1Selected` 和 `group2Selected`，用于记录两个单选按钮组是否被选中。然后使用 `getElementsByName` 方法获取单选按钮组的元素，并使用 `for` 循环遍历每一个元素。如果某个元素被选中，就将对应的变量设置为 `true`。最后根据变量的值判断哪些单选按钮组被选中。