在页面加载Javascript时选择默认无线电输入

我有一个页面，当我更换广播框时，它会显示不同的内容

当我单击“收音机”框时，它会工作。但在编辑表单中，我希望选择第二个单选选项，并在页面加载中显示第二个单选选项的内容。如演示中所示，当我在收音机上填充“checked”时，内容不会显示

var-aTag=document.querySelector（“a.mylink”）；
aTag.addEventListener（“单击”，函数（e）{
e、 预防默认值（）；
var query=document.querySelector（“输入[data for='”+e.currentTarget.id+'”）.value；
window.open（e.currentTarget.href+“？query=“+query，”_blank”）；
}，假）；
//单选元素单击事件处理程序
var radioClickHandler=函数（）{
var first=document.querySelector（'.first'）；
var second=document.querySelector（'.second'）；
second.classList.add（'hidden'）；
//根据单击的单选元素显示/隐藏所需元素。
如果（this.value=='product'）{
first.classList.remove（'hidden'）；
second.classList.add（'hidden'）；
}
if（this.value=='keyword'）{
first.classList.add（'hidden'）；
second.classList.remove（'hidden'）；
}
}
//获取所有无线电元素
var radios=document.querySelectorAll（“[type=radio]”）；
//应用单击事件
对于（变量i=0；i
。隐藏{
显示：无；
}

第一
第二
/*隐藏元素*/
第一个内容
布拉布拉
第二内容
编辑：我认为是其他单选按钮被添加到了同一个组中，因此第二个单选按钮不是您的第二个单选按钮，而是第五个单选按钮，因此现在可以工作了

radioClickHandler.apply(radios[5]);

编辑：我认为是其他单选按钮被添加到了同一组中，因此第二个单选按钮不是您的第二个单选按钮，而是第五个单选按钮，因此现在可以工作了

radioClickHandler.apply(radios[5]);

当以编程方式更改选择对象的选定选项或以编程方式填充输入值时，不会触发
onchange
或
onclick
事件。因此，在
窗口中更改后，确实需要触发
onchange
或
onclick
。onload
或
init
函数

要触发事件，请使用当以编程方式更改选择对象的选定选项或以编程方式填充输入值时，不会触发
onchange
或
onclick
事件。因此，在
窗口中更改后，确实需要触发
onchange
或
onclick
。onload
或
init
函数

要触发事件，请使用

您只需使用以下命令调用click事件：

radios[1].click();

编辑：

发生此问题的原因是，您将单击事件附加到当前文档中以下行中的所有单选按钮：

var radios = document.querySelectorAll('[type=radio]');

要解决此问题，您需要封装第一和第二个

收音机，以便您可以将单击分别连接到它们：

<div id="first-second" class="m-form__group form-group row"> 

您只需使用以下命令调用click事件：

radios[1].click();

编辑：

发生此问题的原因是，您将单击事件附加到当前文档中以下行中的所有单选按钮：

var radios = document.querySelectorAll('[type=radio]');

要解决此问题，您需要封装第一和第二个收音机，以便您可以将单击分别连接到它们：

<div id="first-second" class="m-form__group form-group row"> 

---

---

这样地？是，请添加作为问题的答案，以便我可以批准，但我无法理解您添加的内容。：）我在回答中解释过，只是为了确保在我发布它之前它是您想要的。当您像这样调用事件处理程序时，是否将

radios[0]

更改为

radios[1]

？是，请添加作为问题的答案，以便我可以批准，但我无法理解您添加的内容。：）在我发布之前，我在回答中解释了确保它是您想要的。当您调用事件句柄时，将

radios[0]

更改为

radios[1]

。答案似乎使用了两个选择框，这在我看来是不正确的。当我选中JSFIDLE时，它工作正常，但我只是共享了我的一部分代码以放在JSFIDLE上。我认为有什么事情压倒了这件事。我怎么能强迫你这么做？像CSS！重要提示。我不知道是什么覆盖了它，我也尝试了@Zakaria Acharki click方法，但它不起作用。这将@Scath出现在你的JSFIDLE演示中，你能先点击电子邮件单选按钮吗？第二部分隐藏起来了。@SNaRe现在我明白了为什么原来的答案不起作用了，NVM我知道你有另一个答案，这种方法工作得更好，因为它不会将收音机分开。这个答案似乎使用了两个选择框，这在我看来是不正确的。当我检查JSFIDLE时，它工作得很好，但我只是分享了我的一部分代码来放在JSFIDLE上。我认为有什么事情压倒了这件事。我怎么能强迫你这么做？像CSS！重要提示。我不知道是什么覆盖了它，我也尝试了@Zakaria Acharki click方法，但它不起作用。这将@Scath出现在你的JSFIDLE演示中，你能先点击电子邮件单选按钮吗？第二部分被隐藏了。@SNaRe现在我明白了为什么原来的答案不起作用了，NVM我知道你有另一个答案，这种方法工作得更好，因为这样不会将收音机分开。当我检查JSFIDLE时，它工作得很好，但我只共享了一部分代码来放在JSFIDLE上。我认为有什么事情压倒了这件事。我怎么能强迫你这么做？像CSS！重要。检查一下这个。。。这就是你想要的吗？当我检查jsfiddle时，它工作得很好，但我只是分享了我的一部分代码来放在jsfiddle上。我认为有什么东西压倒了这一点