Javascript 单选按钮值转移

在用户选择一个单选按钮并单击“继续”后，将显示指向我编码的其他页面的单选按钮的不同链接。所选单选按钮的链接不应立即打开，因为用户必须首先在该页面上键入其他信息

我已经在单选按钮代码中包含了链接，但它们会在选择后立即打开。所以我从示例代码中删除了它们。我还尝试用JavaScript获取单选按钮的值，但我不知道如何传递它

<!-- begin radio buttons -->
<div class="panel-variation">
    <div class="panel-body"></div>
        <div class="radio-buttons-variation">
            <ul class="radio-buttons-left">
                <li>
                    <input type="radio" name="selection" id="A" value="Hanna">
                    <label>Hanna</label>
                </li>
                <li>
                    <input type="radio" name="selection" id="B" value="Bryan">
                    <label>Bryan</label>
                </li>
                <li>
                    <input type="radio" name="selection" id="C" value="Alex">
                    <label>Alex</label>
                </li>
            </ul>

            <ul class="radio-buttons-right">
                <li>
                    <input type="radio" name="selection" id="D" value="Gabby">
                    <label>Gabby</label>
                </li>
                <li>
                    <input type="radio" name="selection" id="E" value="Dan">
                    <label>Dan</label>
                </li>
                <li>
                    <input type="radio" name="selection" id="F" value="Ryan"> 
                    <label>Ryan</label>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- end radio buttons -->

<!-- begin continue button -->
<div class="buttons">
    <a href="#" class="r7-button">continue</a>
</div>
<!-- end continue button -->

---

我假设需要一些JavaScript，它将单选按钮的选择作为值传递给与continue按钮相关的另一个函数。因此，单击“继续”按钮后，单选按钮链接将打开。

首先，您需要在“继续”按钮上附加一个单击事件侦听器。在它的回调函数中，您可以检查单选按钮

为此，您可以使用document.getElementsByName（“selection”），它重新运行一个节点列表（本质上是一个数组），其中包含名称为selection的所有元素。 现在只需使用for循环在数组上循环，查看是否有的元素。checked属性为true，并相应地执行操作

下面是一个例子：

函数检查（）{
var=false；
var inputElements=document.getElementsByName（“选择”）；
对于（var a=0；a



汉娜


布莱恩


亚历克斯




饶舌的


丹


赖安


首先，您需要在“继续”按钮上附加一个单击事件侦听器。在它的回调函数中，您可以检查单选按钮

为此，您可以使用document.getElementsByName（“selection”），它重新运行一个节点列表（本质上是一个数组），其中包含名称为selection的所有元素。
现在只需使用for循环在数组上循环，查看是否有的元素。checked属性为true，并相应地执行操作

下面是一个例子：


函数检查（）{
var=false；
var inputElements=document.getElementsByName（“选择”）；
对于（var a=0；a



汉娜


布莱恩


亚历克斯




饶舌的


丹


赖安


像这样使用
push（）
函数：

var answers = [];

// getting the selected radio button value 
function select () {
    var answer = document.querySelector('input[name="selection"]:checked').value;
    answers.push(answer); //transferring value to continue button
}

// Index marks which question it was so answers[0] would be the first question and
 answers[1] would be the second

如果您需要更多帮助，请询问我。
使用
push（）
功能，如下所示：

var answers = [];

// getting the selected radio button value 
function select () {
    var answer = document.querySelector('input[name="selection"]:checked').value;
    answers.push(answer); //transferring value to continue button
}

// Index marks which question it was so answers[0] would be the first question and
 answers[1] would be the second

如果您需要更多帮助，请咨询我。
单选按钮链接是什么意思？我指的是类似的参考链接。单选按钮选择决定单击“继续”按钮后打开的页面。嗯，您的包含不包含任何链接，即使包含，单选按钮和链接之间也没有自然关系。你可能想重新措辞你的问题。不幸的是，我不得不删除链接，正如我在问题中提到的。因为链接一点击单选按钮就打开了，我想用JS函数阻止它。你说单选按钮的链接是什么意思？我指的是像这样的参考链接。单选按钮选择决定单击“继续”按钮后打开的页面。嗯，您的包含不包含任何链接，即使包含，单选按钮和链接之间也没有自然关系。你可能想重新措辞你的问题。不幸的是，我不得不删除链接，正如我在问题中提到的。因为链接打开了，当我点击单选按钮时，我想通过使用JS函数来阻止它。非常感谢！：）没问题，鲁鲁-很高兴我能帮上忙！顺便说一句，如果你发现这是正确的答案，你可以接受。非常感谢！：）没问题，鲁鲁-很高兴我能帮上忙！顺便说一下，如果你发现这是正确的答案，你可以接受。