当自动选中单选按钮时，Javascript更新文本框

Question

我正在创建一组单选按钮，选中后，更新一个包含所有选项的文本框。但是，如果您只选择四个选项中的一个，则对于未单击的每个剩余按钮，文本框的剩余部分将填充“未定义”，在这种情况下将为三个。

要尝试避免获取“未定义”并立即显示文本字段中的所有选项，我创建了一个脚本，该脚本会在经过一段时间后自动检查单选按钮。但是，它不会像我点击按钮一样更新文本字段。有什么想法吗？

这是检查它们的代码，以及将它们放在文本字段中的代码。

var allElems = document.getElementsByTagName('input');  
setTimeout(function() { 
  for (i = 0; i < allElems.length; i++) {
    if (allElems[i].type == 'radio') {
        allElems[i].checked = true;
        }
    }   
}, 5000);

  $('input[name="o1"]').on('change', function() { 
    $('input[id="text-yui_3_17_2_1_1502294158679_90364-field"]').val($('input[name="o1"]:checked').val()+$('input[name="o2"]:checked').val()+$('input[name="o3"]:checked').val()+$('input[name="o4"]:checked').val());
});