Javascript 带有innerhtml和变量的div

我需要在div中放置一个链接，或者将来自javascript函数的变量值放在一起

函数getRadios（）{ var radios=$（“输入[name='radio']：选中”）.val（） 回程无线电； } var resultado=getRadios（）； var jogar=document.getElementsById（'jogar'）； jogar.innerHTML=''

---

我认为您的问题是，在页面加载时运行此代码一次。每次更换收音机时都应该运行t

function getRadios(){
    var radios = document.querySelector("input[name='radio']:checked").value;
    return radios;
}
document.querySelectorAll("input[name='radio']").forEach(x => x.onchange = () => { 
    var resultado = getRadios();
    var jogar = document.getElementsById('jogar');
    jogar.innerHTML = '<a href="somepage.htm?varName='+ resultado +'">click</a>';
});

函数getRadios（）{ var radios=document.querySelector（“输入[name='radio']：选中”）.value； 回程无线电； } document.querySelectorAll（“input[name='radio']”）.forEach（x=>x.onchange=（）=>{ var resultado=getRadios（）； var jogar=document.getElementsById（'jogar'）； jogar.innerHTML=''； });

---

不用jQuery，您就可以轻松完成这项工作。只需编写一个函数，该函数将在每次单击输入时运行

const jogar=document.getElementById（'jogar'）；
const radios=document.querySelectorAll（'input[name=“radio”]”）；
const setLink=函数（val）{
让link=“somepage.htm？varName=“+val；
jogar.querySelector（'a'）.setAttribute（'href'，link）；
};
radios.forEach（r=>r.addEventListener（'change'，e=>{
const resultado=e.target.value；
setLink（resultado）；
}));