Php 通过AJAX发送HTML单选按钮选择

Php 通过AJAX发送HTML单选按钮选择,php,html,ajax,radio-button,Php,Html,Ajax,Radio Button,首先我要说的是,我已经在大量其他帖子中进行了深入研究,试图找到解决方案,但是我的代码无法正常工作 我要做的是通过AJAX将单选按钮选择中的变量发送到PHP。我不想添加submit按钮,我希望PHP代码在单选按钮切换后进行处理 我的简单代码如下所示,类似于我成功用于下拉菜单的on.change代码,但我很难为单选按钮获得相同的功能 感谢您提供的任何帮助 HTML单选按钮 <form> <div class="label"><b>Include Points?&l

首先我要说的是,我已经在大量其他帖子中进行了深入研究,试图找到解决方案,但是我的代码无法正常工作

我要做的是通过AJAX将单选按钮选择中的变量发送到PHP。我不想添加submit按钮,我希望PHP代码在单选按钮切换后进行处理

我的简单代码如下所示,类似于我成功用于下拉菜单的on.change代码,但我很难为单选按钮获得相同的功能

感谢您提供的任何帮助

HTML单选按钮

<form>
<div class="label"><b>Include Points?</b></div>
<input type="radio" name="Pts" value="On" /> On
<input type="radio" name="Pts" value="Off" checked="checked" /> Off
</form> 
PHP

$Pts = $_POST['Pts'];
print_r($Pts);

您没有此选择器
jQuery('#Pts')
(id
Pts

更改收听
Change
事件的
input:radio[name=Pts]

jQuery(document).ready( function($) {
    jQuery('input:radio[name=Pts]').on('change', function () {
         Pts = $('input:radio[name=Pts]:checked').val();
     jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
        data: {
            action: 'call_radio_practice',
            Pts: Pts,
        },
         success:function(output){
             jQuery('#practice').html( output );
         }
     });
    });
});

您是否检查了选择器
input:radio[name=Pts]:checked返回的内容?提示:尝试更改为
$('input[name=Pts]')。prop('checked')
jQuery(document).ready( function($) {
    jQuery('input:radio[name=Pts]').on('change', function () {
         Pts = $('input:radio[name=Pts]:checked').val();
     jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
        data: {
            action: 'call_radio_practice',
            Pts: Pts,
        },
         success:function(output){
             jQuery('#practice').html( output );
         }
     });
    });
});