Question

我正在尝试编写一个程序，其中用户单击带有选择的单选按钮。当他们按下提交时，会将他们带到根据单击的单选按钮而更改的页面。我应该使用node.js和ejs模板，并且单选按钮始终返回未定义状态。如何获取单选按钮以返回值，然后如何使页面显示基于该值的唯一文本？

我已经为此工作了几天，似乎没有解决方案。

        <input name="imagePick" value="2" type="radio" id="two" onclick="javascript:check();">
        <label for="two">
            <img src="images/taurus.png" alt="taurus" height="150" width="auto">
        </label>

        <input name="imagePick" value="3" type="radio" id="three">
        <label for="three">
            <img src="images/cancer.jpg" alt="gemini" height="150" width="auto">
        </label>

var sign = $('input[name="imagePick"]:checked').val();
console.log("the sign is: " + sign);

//I want the variable sign to be the value of the radio button clicked

Answer 1

您的代码运行正常。在以下代码段中，代码与您的代码相同，除了我用两个单选按钮上的onclick处理程序替换了onchange之外。

您的初始代码也可以正常工作（即，对于一个附加了onclick处理程序的单选按钮）。

因此，正如Adriano所说，您的jQuery库可能未正确加载。

$("input[name='imagePick']").on("change", function() {
  var sign = $('input[name="imagePick"]:checked').val();
  console.log("the sign is: " + sign);

  //I want the variable sign to be the value of the radio button clicked
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="imagePick" value="2" type="radio" id="two">
        <label for="two">
            <img src="images/taurus.png" alt="taurus" height="150" width="auto">
        </label>

        <input name="imagePick" value="3" type="radio" id="three">
        <label for="three">
            <img src="images/cancer.jpg" alt="gemini" height="150" width="auto">
        </label>

单选按钮返回“未定义”值

1 个答案: