javascript - 如何使用 JavaScript 在特定单选按钮上应用条件

Question

我想要的是，当我单击特定的红色id 单选按钮时，它会向我显示警报，正如您在代码中看到的那样……在我的情况下，它没有发生……问题是什么，我该如何排序？

<form>
  What color do you prefer?<br>
  <input type="radio" name="colors" id="red">Red<br>
  <input type="radio" name="colors" id="blue">Blue
</form>
<script>
  if (document.getElementById("red").checked == true) {
    alert('working');
  }
</script>

标签： javascriptradio-buttongetelementbyidradio

Answer 1

你需要一个事件监听器

document.getElementById("red").addEventListener("change", myAlert); 

function myAlert() {
    alert('working');
}

<form>
    What color do you prefer?<br>
    <input type="radio" name="colors" id="red">Red<br>
    <input type="radio" name="colors" id="blue">Blue
</form>