javascript - 如何在html复选框值参数中使用javaScript变量？

Question

在我的文件中，我有 javaScript 变量名称“testJava”

<script>
var testJava = 'script Test';
</script>

在页面底部，我有一个复选框。我需要将 'testJava' 变量添加到 checkbox 的值中。

<input type="checkbox" name="website[]" value= "I_WANT_TO_ADD_IT_HERE" />My Test<br />

value = "<script>document.write(testJava);</script>"不工作

谁能告诉我该怎么做？

score 1 · Accepted Answer

您应该id向您的元素添加一个标签<input>以识别它：

<input type="checkbox" name="website[]" id="thecheckbox" />

使用 jQuery，很容易改变值：

$('#thecheckbox').val(testJava);

要包含 jQuery，例如使用以下脚本标签：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

score 1 · Accepted Answer

<script>
var testJava = 'script Test';
document.getElementById('checkbox_ID').value = testJava;
</script>

score 0 · Accepted Answer

试试这个：

var checkBox = document.getElementsByTagName("input")[0];
checkBox.value = testJava;

注意：这必须在window.onload事件中或在复选框 HTML 之后的脚本中完成。

score 0 · Accepted Answer

您不能直接按照您的要求进行操作，因此只需在事后设置值：

<input type=checkbox id=cb1 ...> My Test
<script>
  document.getElementById('cb1').value = testJava;
</script>

此外，Java 和 JavaScript 不是一回事。

确保在<script>之后<input>，否则它在“加载”或“就绪”事件处理程序中。

score 0 · Accepted Answer

<input type="checkbox" name="website[]" id="check_box" value= "I_WANT_TO_ADD_IT_HERE" />My Test<br />

在你的脚本中，在 dom 准备好之后，

document.getElementById("check_box").value("testJava");

5 回答 5