Javascript 将单选按钮的值存储到ajax调用中

我试图将单选按钮的值存储到ajax调用中，以便我们可以根据所选单选按钮返回一些反馈，1-强烈不同意，5-强烈同意

我无法找到与单选按钮匹配的解决方案。 有人能帮忙吗

HTML:

---

你应该给你的收音框添加一个value属性

<input type="radio" name="group1" value="1"/>
<input type="radio" name="group1" value="2"/>
<input type="radio" name="group1" value="3"/>
...

每个页面只应使用ID属性一次

如果要在变量中存储某个单选框的值，请使用以下代码：

var q1 = $("input[name='group1']:checked").val();

Q：如何将整个表单数据存储在变量中？

---

我不会在表单中使用所有这些表单

此外，提交按钮并没有在小提琴中运行javascript，它只是提交表单。如果希望在javascript中通过ajax提交，请将其设置为type='button'，并添加如下内容：

$(document).ready(function(){
    $("#submit-feed").click(function(){
       provideFeedback();
    });
});

---

我相信你序列化表单的那一行会有用的。如前所述，您需要单选按钮的值。

您可以使用以下代码：

$("#submit-feed").submit(function(){
  var q1  = $("#group1") .val();
  var q2  = $("#group2") .val();
  var q3  = $("#group3") .val();
  var q4  = $("#group4") .val();
  var q5  = $("#group5") .val();
  var s = {
  "q1  ":q1,
  "q2": q2,
  "q3": q3,
  "q4": q4,
  "q5": q5
 }

 $.ajax({
    url:'check.php',
    type:'POST',
    data:s,
    success:function(data){
    $(".survey-div") .html(data);
  }
   });
 return false;
 });

---

首先，您需要单选按钮的值—您希望基于所选按钮存储什么值？假设用户选择第一个按钮—强烈同意，最后一个按钮—强烈不同意。但是在后端，我们可以将这些值存储为-first-button:1、second-button:2、third-button:3，因此每当选择一个值时，我都会收到这个错误：jquery.validate.min.js:15 Uncaught-TypeError:Cannot读取jquery.fn.init.delegate jquery.validate.min.js:15的未定义属性“settings”。jquery.validate.min.js:16在HTMLFormElement.dispatch jquery-1.12.4.js:5226在HTMLFormElement.elemData.handle jquery-1.12.4.js:4878因为我有5个问题，你能更准确地更新fiddle吗。这将是一个很大的帮助。我是来帮助你的，不是来写你的代码的。如果您在我的回答中有任何未回答的问题，请说，我将完善我的回答。我理解@Yossi再次感谢您的帮助。您将如何将数据存储到var data=$provide-feed.serialize；更新了原始答案。谢谢@Balaji，我也使用了你的一些帮助。但是你能存储每个单选按钮的值吗？因为现在它给我的答案是，q1:on，q2:on等等，我想根据选择的单选按钮将它们存储为q1:1，q2:3。@Nancy欢迎：

var q1 = $("input[name='group1']:checked").val();

$( "form" ).on( "submit", function( event ) {

  var data = $( this ).serialize();

});

$(document).ready(function(){
    $("#submit-feed").click(function(){
       provideFeedback();
    });
});

$("#submit-feed").submit(function(){
  var q1  = $("#group1") .val();
  var q2  = $("#group2") .val();
  var q3  = $("#group3") .val();
  var q4  = $("#group4") .val();
  var q5  = $("#group5") .val();
  var s = {
  "q1  ":q1,
  "q2": q2,
  "q3": q3,
  "q4": q4,
  "q5": q5
 }

 $.ajax({
    url:'check.php',
    type:'POST',
    data:s,
    success:function(data){
    $(".survey-div") .html(data);
  }
   });
 return false;
 });