html单选框radio判断是否被选中，并获取单选框的值

要判断一个HTML单选框是否被选中，并获取单选框的值，可以使用以下两个步骤：

1. 获取单选框的状态：使用JavaScript中的`checked`属性来获取单选框是否被选中。如果该属性值为`true`，则说明该单选框被选中了，否则没有被选中。

2. 获取单选框的值：使用JavaScript中的`value`属性来获取单选框的值。该属性返回的是单选框的值，可以根据具体的需求进行使用。

以下是一个示例代码：

<input type="radio" name="gender" value="male" id="maleRadio"> Male
<input type="radio" name="gender" value="female" id="femaleRadio"> Female

<button onclick="checkRadio()">Check Radio</button>

<script>
function checkRadio() {
  var maleRadio = document.getElementById("maleRadio");
  var femaleRadio = document.getElementById("femaleRadio");

  if (maleRadio.checked) {
    console.log("Male radio is checked. Value is " + maleRadio.value);
  } else if (femaleRadio.checked) {
    console.log("Female radio is checked. Value is " + femaleRadio.value);
  } else {
    console.log("No radio is checked.");
  }
}
</script>

在上面的示例中，我们给每个单选框设置了一个`id`属性，然后通过`document.getElementById()`方法来获取单选框的元素，然后再通过`checked`和`value`属性来获取单选框的状态和值。最后，我们将获取到的状态和值打印到控制台中。