如何在加载Javascript时设置元素值和运行函数

如何在加载Javascript时设置元素值和运行函数,javascript,html,function,bootstrap-4,Javascript,Html,Function,Bootstrap 4,我正在尝试重构一个小的Javascript函数,该函数只需在页面加载时向一系列单选按钮的父级添加一个活动类,并通过一个更改 我的职能是: 功能用于收集不动产事件{ const el=event.target const parent=el.最近的“[数据切换有btn组]” const buttons=parent.getElementsByClassName'js\uu btn-toggle' 变量i 对于i=0;i

我正在尝试重构一个小的Javascript函数,该函数只需在页面加载时向一系列单选按钮的父级添加一个活动类,并通过一个更改

我的职能是:

功能用于收集不动产事件{ const el=event.target const parent=el.最近的“[数据切换有btn组]” const buttons=parent.getElementsByClassName'js\uu btn-toggle' 变量i 对于i=0;i 先生 夫人 未击中 另外 单击单选按钮时,将运行ToggLeactiveState事件,我可以删除活动类并将类添加到我单击的输入中

我在页面上有多个.btn组切换元素

我需要做的是能够通过调用我的函数来设置页面加载上Mrs元素的活动类状态及其值,如下所示:

ToggleactiveEstate'options','Mrs',然后这将是活动的,并被选中


有什么想法吗?

您可以在窗口加载时添加事件侦听器,并在那里添加类。就像我在下面根据你的代码所做的那样

功能用于收集不动产事件{ const el=event.target const parent=el.最近的“[数据切换有btn组]” const buttons=parent.getElementsByClassName'js\uu btn-toggle' 变量i 对于i=0;i{ const checkedInput=document.querySelector'input[type=radio]:checked'; checkedInput.parentElement.classList.add'active'; } .主动{ 颜色:红色; } 先生 夫人 未击中 另外
杰出的我完全忘记了这一点,它起作用了: