JavaScript-Text-won'；勾选复选框时不更改颜色

这是我的剧本：

<script type="text/javascript">
    "use strict";

    var chk = document.querySelector('termsChkbx');

    document.getElementsByName("termsChkbx").onclick = function() {textCol()};

    function textCol() 
    {
        if(chk.checked){
             document.getElementById("termsText").style.color = "black";
        }

    }

</script>

“严格使用”；
var chk=document.querySelector（'termsChkbx'）；
document.getElementsByName（“termsChkbx”）.onclick=function（）{textCol（）}；
函数textCol（）
{
如果（已检查）{
document.getElementById（“termsText”）.style.color=“黑色”；
}
}

这是我试图链接到的html/php

<p style="color: #FF0000; font-weight: bold;" id="termsText">
    I agree to the terms and conditions
    <input type="checkbox" name="termsChkbx">
</p>

我同意这些条款和条件

---

我需要文本的颜色改变为黑色时，复选框勾选，并返回到红色时，它不是。我不确定哪里出了问题，非常感谢您的帮助。

下面的代码片段适合我。您没有传递要选择的正确的

id

var chk = document.querySelector('input[name="termsChkbx"]');

“严格使用”；
var chk=document.querySelector（“#termsChkbx”）；
document.getElementById（“termsChkbx”）.onclick=function（）{textCol（）}；
函数textCol（）
{
如果（已检查）{
document.getElementById（“termsText”）.style.color=“黑色”；
}else document.getElementById（“termsText”）.style.color=“红色”；
}

我同意条款和条件

您可以改用

document.getElementsByName

“严格使用”；
var chk=document.getElementsByName（'termsChkbx'）[0]；
document.getElementsByName（'termsChkbx'）[0]。onclick=function（）{
textCol（）
};
函数textCol（）{
如果（已检查）{
document.getElementById（“termsText”）.style.color=“黑色”；
}否则{
document.getElementById（“termsText”）.style.color=“红色”；
}
}

我同意条款和条件

使用

查询选择器（“termsText输入”）

确保目标是输入

"use strict";

var chk = document.querySelector("#termsText input");

chk.onclick = function() {
  textCol()
};

function textCol() {
  var paragraph = document.getElementById("termsText");
  if (chk.checked) {
    paragraph.style.color = "black";
  } else {
    paragraph.style.color = "red";
  }
}

---

考虑简化代码：

document.querySelector（'.trmsChkbx'）.onclick=function（）{
document.querySelector（“.trmsTxt”）.style.color=this.checked？”#000:“#f00”；
}

.trmsTxt{
颜色：#f00；
字号：700；
}

我同意这些条款和条件

我没有看到任何php…没有ID为

termsChkbox

的元素，

termsChkbx

选择器与任何元素都不匹配。getElementsByName是元素的集合。请尝试

document.getElementsByName（“termsChkbx”）[0]。单击
这正是我需要的功能！我想我已经试过了，但我想我在什么地方把语法弄错了。非常感谢。