Change value of an INPUT TEXT checking a checkbox

Question

Why is this not working? It is supposed to work this way: if the checkbox is checked, it should take the content of a variable txt and write it to the input with id of show.

function myFunction() {
  if (document.getElementById('myRadio').checked) {
    var txt = "Done";
    document.getElementById("show").innerHTML = 'txt';
  }
}

<p>If the radio checkbox is checked the text from the variable text is written into input line with the ID of show</p>
        
<input type="checkbox" onclick="myFunction()" id="myRadio">

<br>
<br>

<input type="text" class="form-control" id="show">

Don't you want to set the value of the text input?

Dave Newton
– Dave Newton

2022-05-18 16:29:07 +00:00
Commented May 18, 2022 at 16:29 — Dave Newton
– Dave Newton, Commented May 18, 2022 at 16:29

dave · Accepted Answer · 2022-05-18 16:29:07Z

2

You need to set the value property of the input element, not the innerHTML:

function myFunction() {
    if (document.getElementById('myRadio').checked){
        var txt = "Done";
        document.getElementById("show").value = txt;
    } else {
        document.getElementById("show").value = '';
    }
}

<p>If the radio checkbox is checked the text from the variable text is written into input line with the ID of show</p>

<input type="checkbox" onclick="myFunction()" id="myRadio">
<br>
<br>

<input type="text" class="form-control" id="show">

answered May 18, 2022 at 16:29

dave

65.1k6 gold badges81 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andy Over a year ago

Good practice would be to cache document.getElementById("show") so you don't have to specify it twice.

Collectives™ on Stack Overflow

Change value of an INPUT TEXT checking a checkbox

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related