通过ajax获取单选按钮值

我想获取单选按钮值并通过AJAX将它们发送到PHP。

我的AJAX正在运行，但是当前每行都插入一个0 ，所以它没有从单选按钮中获取值。 任何帮助，将不胜感激。

 $("#save_privacy").submit(function() { var message_pri = $("#message_pri").val(); var follow_pri = $("#follow_pri").val(); var post_pri = $("#post_pri").val(); var check7 = $("#check7").val(); var s = { "message_pri": message_pri, "follow_pri": follow_pri, "post_pri": post_pri, "check": check7 } $.ajax({ url: 'edit_check.php', type: 'POST', data: s, beforeSend: function() { $(".privacy_info").html(""); }, success: function(data) { $(".privacy_info").html(data); } }); return false; }); 

 
 
 
 
 Message Buttun:  
 
  ON  OFF  FOLLOWERS 
 
 
 
 Follow Buttun:  
 
  ON  OFF 
 
 
 
 Who Can Post On Your Profile:  
 
  Evry one  Followers 
 
 
 
   
 
 
 
  

Answer 1

首先，你有很多重复的id属性，这是不正确的。 改为使用类，然后使用:checked选择器来获取所选的无线电的特定实例。

试试这个：

  ON  OFF  FOLLOWERS 

 var message_pri = $(".message_pri:checked").val(); 

等等你的其他radio输入。

Answer 2

首先不要使用id两次

现在用于选择无线电盒使用价值

 $("input:radio[name=post_pri] :selected").val(); 

Answer 3

试试这个使用serialize function check serialize here

  $("#save_privacy").submit(function(){ var serialise = $("#save_privacy").serialize(); $.ajax({ url:'edit_check.php', type:'POST', data:serialise, beforeSend: function (){ $(".privacy_info") .html(""); }, success:function(data){ $(".privacy_info") .html(data); } }); return false; }); 

Answer 4

我想补充一点，最好在无线电字段集按钮调用AJAX函数时使用onChange事件而不是onClick事件。 我不知道为什么，但在这种情况下，它每次都会发布正确的值。 使用onClick事件时，它有时会发布与已检查值不同的值。 它并不多，但它肯定会让某些人从轻微的头痛中拯救出来。

radion按钮组的示例：

  
  type="radio" name="rating" id="ratings_0" value="1" />   type="radio" name="rating" id="ratings_1" value="2" />   type="radio" name="rating" id="ratings_2" value="3" />   type="radio" name="rating" id="ratings_3" value="4" />   type="radio" name="rating" id="ratings_4" value="5" />   

AJAX函数示例：

快速解释：

fieldset中的onChange事件将选中的单选按钮的值发送到AJAX函数。 我已经为页面上的其他元素添加了validation，所以比较存储在评级会话中的值并再次检索该值，因此一旦警告某些其他元素为空，用户就不必再次点击评级。 它看起来要复杂得多，但我真正想说的是使用onChange而不是onCLick事件。 🙂

您可以访问此页面以查看上面的代码：

出租物业评论页面