Question

我在这里有这个非常基本的HTML，我最终会变成一个iframe，它基本上只是一个简单的小部件，在用户端获得分数然后我希望它将数据发送回我的rails后端。现在，我正试图找出当用户检查按钮并点击提交时如何获得分数。

<html>
<head>
</head>
<body>
  <h1 style="text-align:center">Net Promoter Score!</h1>
  <form id="NPSform"; style= "text-align:center">

    <input type="radio" name="scores" id="1" value="1"> 1
    <input type="radio" name="scores" id="2" value="2"> 2
    <input type="radio" name="scores" id="3" value="3"> 3
    <input type="radio" name="scores" id="4" value="4"> 4
    <input type="radio" name="scores" id="5" value="5"> 5
    <input type="radio" name="scores" id="6" value="6"> 6
    <input type="radio" name="scores" id="7" value="7"> 7
    <input type="radio" name="scores" id="8" value="8"> 8
    <input type="radio" name="scores" id="9" value="9"> 9
    <input type="radio" name="scores" id="10" value="10"> 10
    <input type="submit" name="mysubmit" value="Submit"/>
</form>
</body>


<script>

var scores


</script>
</html>

如何在用户点击提交时获得分数？

由于

Answer 1

严格使用Ruby on Rails

由于您的所有单选按钮元素都使用相同的$title属性，因此只会将选定的值发布到服务器。

因此，当您提交表单时，您应该能够使用static集合使用相应的name“得分”值来访问该值：

name

你可以read more about using parameters for Ruby on Rails here。

使用Javascript

如果您想在提交params时使用Javascript检索所选值，则可以创建一个事件监听器来监听要触发的params[:scores]事件，然后获取所选值：< / p>

<form>

您可see an example of this demonstrated here，见下文：

Answer 2

如果你想使用jquery值，你可以做类似的事情

$('input[name=mysubmit]').on('click', function(e){ 
     e.preventDefault();
     console.log($('input[name=scores]:checked').val());
});

使用JavaScript获取提交单选按钮值

2 个答案: