javascript - getElementById 不返回元素

Question

我试图从另一个元素值获取元素 id，但我一直返回 null。单击第一个复选框应显示我遇到的问题。

<input id="test" type="checkbox" name="checkAddress" onclick="checkAddress(this)" value="66" />
<input id="rrrr66" type="checkbox" name="checkAddress" onclick="checkAddress(this)" value="33" />
<script>
    function checkAddress(checkbox) {
        if (checkbox.checked) { 
            var testing = '"rrrr'+document.getElementById("test").value+'"';
        alert(typeof testing); **<-- shows the correct type**
        alert(testing); **<-- shows the correct value**
        alert(document.getElementById(testing)); **<-- does not work**
        alert(document.getElementById("rrrr66")); **<--works**
        }
    }

Demo Of issue

Answer 1

删除字符串中的引号:

var testing = 'rrrr'+document.getElementById("test").value;

引号用于解析器指示字符串文字。引号实际上并不是值的一部分。您当前所做的相当于

document.getElementById('"rrrr66"')

比较这两个输出:

console.log("foo bar"); // foo bar
console.log('"foo' + ' bar"'); // "foo bar"