如何根据选择的单选按钮调用不同的javascript函数？

我试图通过选择单选按钮调用不同的javascript函数在html中运行。我目前有3个按钮，我希望他们运行后，按钮被点击

我目前的HTML是：

<button class="button" onclick="runScript();">Run</button>

<input name="radioButton" type="radio" value="1"> Option 1
<input name="radioButton" type="radio" value="2"> Option 2
<input name="radioButton" type="radio" value="3"> Option 3

---

关于如何让函数以这样的方式运行，您有什么想法吗？

您可以通过这样一行获得所选项的值：

var x = document.querySelector('input[name="radioButton"]:checked').value

而不是：

var x = document.getElementsByName("radioButton").value;

---

话虽如此，在您确定查询选择器找到任何内容之前，我通常不会访问该值，否则您会遇到异常。

开关（$（“：radio[name=radioButton]：checked”）.val（）

谢谢您的注释@Barmar您能给我更多的上下文吗？您还需要知道什么？在开关内部，您可以使用

case“1”：func1（）；打破案例“2”：func2（）

我甚至不知道switch，我应该把它放在我的代码中的什么地方？这是基本的JavaScript语法。你缺少

.value

谢谢。。我可能不会在执行querySelector的地方检查该值，但是为了示例起见，它是正确的。。实际上，我们应该检查querySelector是否找到了任何东西，然后获取值。使用jQuery可以使它更短，还可以避免试图获取null属性的错误。我通过javascript标记找到了问题的答案，直到您指出这一点，我才意识到这是一个jQuery问题。哎呀。我更喜欢直截了当的js，但你是对的。我的错。

var x = document.getElementsByName("radioButton").value;