javascript - 在 Javascript 中使用带点/句点的 HTML ID

Question

我有一个输入表单，例如

<input type="checkbox" id="a.b">

我想在使用 console.log() javascript 函数点击它时打印它的值。

<input type="checkbox" id="a.b" onclick="console.log(a.b.value)">

很明显，Javascript 会提示 a 未定义，value 的属性 b 不存在。我发现这样做的唯一方法是使用 _ 而不是 . (时期)。我最终得到了

<input type="checkbox" id="a_b" onclick="console.log(a_b.value)">

有没有更好的方法？我可以转义标识符中的点吗？我知道。在 Javascript 标识符中是无效字符，但在 HTML 中不是。我可以使用 jquery 解决这个问题吗？

Answer 1

Javascript 使用. 符号来使用对象。而且只能在使用as String的时候转义。所以答案是否定的。

为什么不直接使用 this

<input type="checkbox" id="a.b" onclick="console.log(this.value)">

如果您正在使用它，那很好，但正如有人已经在评论中指出的那样，请勿使用内联事件。而是在元素上添加事件

  var checkbox = document.getElementById("a.b");
    checkbox.onchange = function() {
    if(this.checked) {
        console.log("checked");
      } else {
        console.log("un checked");
      }
    }

<input type="checkbox" id="a.b">