如何使用javaScript变量，在html复选框值参数内？

Question

在我的文件中，我有javaScript变量名'testJava'

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

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

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

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

任何人都可以告诉我该怎么做？

Answer 1

您应该在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>

Answer 2

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

Answer 3

试试这个：

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

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

Answer 4

你不能直接做你所要求的事情，所以只需在事后设定值：

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

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

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

Answer 5

<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");