设置输入文本字段的值似乎不起作用

Question

发生了奇怪的行为。

考虑以下代码段：

 var penalty = ""; penalty = 20; var q = 5002; document.getElementById("checkbox:" + q).checked = true; document.getElementById("penalty:" + q).value = penalty; var name = document.getElementById("penalty:" + q).name console.log(name);

 <input name="active0" id="checkbox:5002" class="queueCheckbox" type="checkbox"> <input type="text" name="test5002" size="12" id="penalty:5002" value="">

我希望该值设置为20 ，但事实并非如此。 我可以在控制台中打印元素名称，我可以获得复选框票证（这意味着它正在读取正确的q值）但未设置输入文本字段的值。

但是，如果我执行以下操作，则相应的输入文本字段值设置为hello 。

document.getElementById("penalty:" + q).value = "hello";

至少可以说，我觉得这种行为有点奇怪，我很困惑。

我也试过 jQuery 。

Answer 1

把你的脚本放在输入标签之后它工作正常。 你把你的脚本放在开始。

<input name="active0" id="checkbox:5002" class="queueCheckbox" type="checkbox">
<input type="text" name="test5002" size="12" id="penalty:5002" value="">

<script type="text/javascript">
    var penalty = "";
penalty = 20;
var q = 5002;
document.getElementById("checkbox:"+q).checked = true;
document.getElementById("penalty:"+q).value = penalty;
var name = document.getElementById("penalty:"+q).name
console.log(name);
</script>