时间戳

首页 > 解决方案 > 您如何根据选择的单选按钮调用不同的 javascript 函数？

javascript - 您如何根据选择的单选按钮调用不同的 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

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

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

关于如何让函数像这样运行的任何想法？

标签： javascripthtmljquery

解决方案

您可以使用如下行获取所选项目的值：

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

代替：

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

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

推荐阅读