Show element on radio button selection

Question

I would like to show input text field on radio button selection in vanilla JavaScript.

What am I missing?

Answer 1

const form = document.querySelector("form");
const size = form.elements.size;
const total = form.elements.total;

total.style.display = "none";

for (var i = 0; i < size.length; i++) {
  size[i].onclick = function() {
    if (this.checked) {
      total.style.setProperty("display", "inherit");
      total.value = this.value;
    } else {
      total.style.setProperty("display", "none");
    }
  }
}

  

    
Choose Size
    6-inch
    8-inch
    12-inch
  

  

Check this on Fiddle
Hope this will be helpful.