javascript - 在复选框上使用 JavaScript 时遇到问题

Question

我希望在选中/未选中复选框时元素中字体的颜色发生变化。我看过 W3S 并试图玩弄它以使其正常工作，但到目前为止还没有运气。我正在学习JS。谢谢。

<div id="entry">
  <img class="image-class" src="image.png"><b>title</b><br>content.
  <input type="checkbox" id="obtained" onclick="obtained()" name="obtained">
</div>



<script>
  function obtained() {

    var obt = document.getElementById("obtained");
    var col = document.getElementById("entry");

    if (obt.checked == true) {
      col.style.color = "red";
    } else {
      col.style.color = "black";
    }
  }
</script>

标签： javascripthtml