Отправка HTML-выбора радиокнопок через AJAX

Question

Я начну с того, что я изучил множество других постов, чтобы попытаться найти решение, однако я не смог заставить свой код работать.

Что я пытаюсьДля этого нужно отправить переменную из выбора переключателя через AJAX в PHP.Я не хочу добавлять кнопку отправки, я хочу, чтобы код PHP обрабатывался после переключения радиокнопки.

Мой простой код выглядит следующим образом, аналогично коду на .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> 

JQUERY AJAX

jQuery(document).ready( function($) {
    jQuery('#Pts').on( 'click', 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 );
         }
     });
    }).click();
});

PHP

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

Answer 1

У вас нет этого селектора 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 );
         }
     });
    });
});