In my file I have javaScript variable name 'testJava'

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

At the bottom of the page I have a checkbox. I need to add 'testJava' variable to the value of the checkbox.

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

value = "<script>document.write(testJava);</script>" doesn't work

Can anyone please tell me how to do this?

In my file I have javaScript variable name 'testJava'

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

At the bottom of the page I have a checkbox. I need to add 'testJava' variable to the value of the checkbox.

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

value = "<script>document.write(testJava);</script>" doesn't work

Can anyone please tell me how to do this?

• javascript
• html
• checkbox

5 Answers 5

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

You should add an id tag to your <input> element to identify it:

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

Using jQuery, it's quite easy to change the value:

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

To include jQuery, e.g. use the following script tag:

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

Try this:

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

Note: this must be done within a window.onload event or in a script positioned after the checkbox HTML.

You can't directly do what you're asking, so just set the value after the fact:

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

Also, Java and JavaScript are not the same thing.

Make sure the <script> is after the <input>, or else that it's in a "load" or "ready" event handler.

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

in your script, after the dom ready,

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