您如何根据选择的单选按钮调用不同的 javascript 函数？ [复制]

Question

我正在尝试通过选择单选按钮调用不同的 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

我希望所有 3 个选项都运行单独的函数，例如 if value="1" 然后运行函数 1 等。这不是很多，但至于我目前拥有的 javascript：

function runScript() {
    var x = document.getElementsByName("radioButton").value;
}

关于如何让函数像这样运行有什么想法吗？

Answer 1

你可以用这样的一行来获取所选项目的值：

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

代替：

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

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