jqueryのイベント内の関数結果の戻り値の取得方法

Question

jqueryで、changeやclickイベント内の関数処理結果（もしくは関数内で定義した変数）の値を、別の処理で使いたいです。
どのように戻り値を設定しればよろしいのでしょうか？

※理由：その変数へajax通信で扱うため。

   //ブラウザ上で更新された、input,textareaのvalueを変数に代入
  $('#id_url').change(function() {
    var inputVal_url = $(this).val();
    console.log(inputVal_url);
  });

    //ブラウザ上で選択された、ラジオボタンのvalueを変数に代入
$(".page_name_btn").click( function() {
    var radioVal_page_name = $("input[name='page_name']:checked").val(); 
    console.log(radioVal_page_name); 

Comments

[azuapricot]

returnは試しました？
別の処理で使いたいといってもその処理の部分が記述されていないため
どうやって値を利用したいのかこの質問からは全くわかりません。

[azuapricot]

というかajax通信するときに、textareaに入力された val()と、ラジオボタンで選択されているものを取得したらよいのでは？？

Answer 1

changeやclickイベント内の関数処理結果

ちょっと意味が伝わってきません
「ajax通信」時にわたすデータであればその時点の値を参照すればよいです

• $('#id_url').val() とか
• $("input[name='page_name']:checked").val()

changeやclickは出る幕無いと思います

Answer 2

皆様ありがとうございました。
また、背景が無く失礼いたしました。m( )m

記事の編集画面のため、ページを読み込んだ時点でinputやラジオボタンのvalueに値を反映しており、
その入力欄でユーザーが変更内容を入力する値を取得する必要があったため、changeやclickで取得しておりました。

miyabi_takatsukさんの内容でグローバルスコープの変数を活用して
無事ajaxで送信する値を取得することができました。
ありがとうございました。

  let inputVal_url, 
    inputVal_wire_url, 
    inputVal_project, 
    textareaVal_coment, 
    radioVal_page_name, 
    radioVal_job, 
    radioVal_style;


    //ブラウザ上で更新された、input,textareaのvalueを変数に代入
  $('#id_url').change(function() {
    inputVal_url = $(this).val();
    console.log(inputVal_url);
  });
   //inputやradioの記述が続く…

Answer 3

yambejpさんの回答で十分かと思いますが、
もし、ajax通信処理時に取得するのがやりたくない or できない状況ならば、グローバルスコープの変数に代入すればよいのでは？

// 両イベントより外側のスコープで変数宣言
let inputVal_url,
  radioVal_page_name;

//ブラウザ上で更新された、input,textareaのvalueを変数に代入
$('#id_url').change(function() {
  // グローバル変数に代入
  inputVal_url = $(this).val();
  console.log(inputVal_url);
});

//ブラウザ上で選択された、ラジオボタンのvalueを変数に代入
$(".page_name_btn").click( function() {
  // グローバル変数に代入
  radioVal_page_name = $("input[name='page_name']:checked").val(); 
  console.log(radioVal_page_name); 
  // 以下他の処理？
});