javascript - 为 getElementById 使用变量

Question

我有一个由 PHP 回显的复选框。因此，复选框的 ID 将是动态的。

所以，我想为 document.getElementById() 使用一个变量。

下面是我的 PHP 代码:

echo "<td><input type='checkbox' name='edit$count' value='1' onclick='test($count)'></td>";

然后这是我的 Javascript 代码

function test(v)
    {
        var edit = "edit" + v;


        if(document.getElementById(edit).checked==true){
            alert(edit);
        }
    }

但是，当我点击复选框时，没有提示。

我的代码有问题吗？

Answer 1

将 document.getElementById 替换为 document.getElementsByName[] 或将 HTML 中的 name 属性更改为 id s。您没有在 HTML 中使用 id 属性，这就是 getElementById 返回 null 的原因:

if (document.getElementsByName(edit)[v].checked == true) { ... }

您也不需要 == true，因为 if 语句的 bool 上下文会处理它:

if (document.getElementsByName(edit)[v].checked) { ... }