Блог

Это возвращает выбранное значение и работает нормально:

     $('document').ready(function () {
        $(document).on('click', '#square', function () {
            confirm($('input[type="radio"][name="plot"]:checked').val());
        });
    });
 

Это возвращает неопределенное:

      $('document').ready(function () {
         var $userInput;
         $userInput = $('input[type="radio"][name="plot"]:checked').val();
         $(document).on('click', '#square', function () {
             confirm($userInput);
         });
     });
 

В чем здесь проблема?

В первом сценарии вы получаете значение при нажатии, во втором вы получаете значение при загрузке страницы.

Решение: возьмите значение в обработчике событий, как показано в первом примере.