Php 通过AJAX发送HTML单选按钮选择
首先我要说的是,我已经在大量其他帖子中进行了深入研究,试图找到解决方案,但是我的代码无法正常工作 我要做的是通过AJAX将单选按钮选择中的变量发送到PHP。我不想添加submit按钮,我希望PHP代码在单选按钮切换后进行处理 我的简单代码如下所示,类似于我成功用于下拉菜单的on.change代码,但我很难为单选按钮获得相同的功能 感谢您提供的任何帮助 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
<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')
(idPts
)
更改收听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 );
}
});
});
});