首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何用AJAX发送单选按钮值并用PHP恢复它

如何用AJAX发送单选按钮值并用PHP恢复它
EN

Stack Overflow用户
提问于 2013-07-08 08:11:11
回答 1查看 14.9K关注 0票数 1

我一直在尝试发送用户选择的单选按钮的值,并使用php恢复该值,但问题是我无法恢复该值。下面是我的代码:

HTML

代码语言:javascript
复制
<form name="submission" action="">
    <input type="radio" name="ex1" id="ex1_a" value="1">
    <input type="radio" name="ex1" id="ex1_b" value="2">
    <input type="radio" name="ex1" id="ex1_c" value="3">

    <button class="buttonS" type="submit"> 
        Submit
    </button>
</form>

使用AJAX的JQUERY脚本

代码语言:javascript
复制
$(function() {   
           $(".buttonS").click(function() {  
           // validate and process form here
           var radio_button_value;

           if ($("input[name='ex1']:checked").length > 0){
               radio_button_value = $('input:radio[name=ex1]:checked').val();
           }
           else{
               alert("No button selected, try again!");
               return false;
           }
           $.ajax({
               type: "POST", 
               url: "save.php",  
               data: radio_button_value,  
               success: function() { 
                    alert("form submitted: "+ radio_button_value);
               }
            });
            return false;
         });
});

PHP

代码语言:javascript
复制
<?php
         $selected_button = $_POST['ex1'];
         echo "Test";
         echo $selected_button;
?>

AJAX部分似乎是工作的,因为警报被显示,但我不知道它是否发送了正确的值,或如果php是错误的,回显“测试”显示,但回显$selected_button从未出现。如果有任何帮助,我将不胜感激。

EN

回答 1

Stack Overflow用户

发布于 2013-07-08 08:14:52

在ajax函数中,您必须指定参数名称和值:

代码语言:javascript
复制
$.ajax({
               type: "POST", 
               url: "save.php",  
               data: {"ex1":radio_button_value},  
               success: function() { 
                    alert("form submitted: "+ radio_button_value);
               }
            });
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17517622

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档