Javascript 根据无线电输入值设置中频条件

我想设置3个单选输入，如下所示，单击一个按钮并触发函数运行，if语句对应于单选值。我相信这很容易，但我只是在开玩笑

<input type="radio" id="load_Template" name="settings" value="load_Template">
<label for="load_Template">Load Template</label><br>

<input type="radio" id="load_settings" name="settings" value="load_settings">
<label for="load_settings">Load Settings</label><br>

<input type="radio" id="reset_MFL" name="settings" value="reset_MFL">
<label for="reset_MFL">Reset MFL</label>

---

建议：使用

.addEventListener（）

而不是内联

onclick

然后，单击按钮，查找选中的单选按钮。如果没有，就什么也不做。如果有，获取它的值并进行比较，以决定要做什么

这使它成为一个单一的功能

document.querySelector（“加载设置”）.addEventListener（“单击”，函数（e）{
让checkedRadio=document.querySelector（“[name='settings']：checked”）
如果（！checkedRadio）返回；
让值=checkedRadio.value
如果（值==“加载模板”）{
警报（“加载模板”）；
}
如果（值==“加载设置”）{
警报（“加载设置”）；
}
如果（值==“重置漏磁”）{
警报（“重置MFL”）；
}
})

加载模板

加载设置

复位漏磁

您编写脚本的方式存在逻辑问题。条件需要嵌入到要执行的函数的范围内，而不是相反。下面是一个使用jquery和switch案例的实现：

功能调整设置（）{
开关（$（'input[name=“settings”]：checked'）.val（）{
案例“加载模板”：
警报（“加载模板”）；
打破
案例“加载设置”：
警报（“加载设置”）；
打破
案例“重置漏磁”：
警报（“重置漏磁”）；
打破
}
}
//单击此按钮可触发哪个IF语句与单选值匹配
函数LoadSettings（）{
调整设置（）；
}

加载模板

加载设置

复位漏磁

<input id="LoadSettings" type="button" onclick="LoadSettings()" value="Load Settings">

// IF RADIO INPUT FOR "LOAD_TEMPLATE" CHECKED THEN RUN THIS ONCLICK LOADSETTINGS
if (load_Template) {
 function AdjustSettings() {
  alert('load_Template');
 }
}

// IF RADIO INPUT FOR "LOAD_SETTINGS" CHECKED THEN RUN THIS ONCLICK LOADSETTINGS
if (load_settings) {
 function AdjustSettings() {
  alert('load_settings');
 }
}

// IF RADIO INPUT FOR "RESET_MFL" CHECKED THEN RUN THIS ONCLICK LOADSETTINGS
if (reset_MFL) {
 function AdjustSettings() {
  alert('reset_MFL');
 }
}

// CLICK THIS BUTTON TO TRIGGER WHICH IF STATEMENT MATCHES RADIO VALUE
function LoadSettings() {
  AdjustSettings();
}