📌  相关文章
📜  文档通过 id 单选按钮获取元素 - Javascript (1)

📅  最后修改于: 2023-12-03 15:10:24.137000             🧑  作者: Mango

以文档通过 id 单选按钮获取元素 - Javascript

在网页开发中，我们经常需要通过 JavaScript 获取 HTML 元素，并对其进行操作。其中，通过设置元素的id属性可以方便地获取该元素。

下面是示例代码，在 HTML 页面中有一个单选按钮，我们可以通过其id属性获取该按钮元素：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>获取单选按钮元素</title>
</head>
<body>
  <input type="radio" id="radioBtn" name="gender" value="male" checked> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <button onclick="getRadioBtn()">获取单选按钮元素</button>
  <script>
    function getRadioBtn() {
      var radioBtn = document.getElementById("radioBtn");
      alert(radioBtn.value);
    }
  </script>
</body>
</html>

在上述代码中，我们通过 document.getElementById("radioBtn") 获取了单选按钮元素，然后通过 alert() 显示了该按钮的 value 值。

以上就是通过文档通过 id 单选按钮获取元素的相关介绍。