PHPの値をAjaxに渡しているときにコンソールで定義されていないエラー

Question

PHPの値をAJAXに渡していますが、変数が定義されていないというエラーが表示されています。

$value_r is not defined 

ユーザーがチェックボックスをオンにすると、$ value_rの値が自動的に表示されます。

AJAX

$(document).ready(function() { 
     $("input[name=value_r]").click(function(){ 
      $.ajax({ 
       type: "POST", 
       url: "includes/compare.php", // 
       data: {id: <?php echo '$value_r'?>}, 
       success: function(msg){ 
        alert(msg); 
       }, 
       error: function(){ 
        alert("failure"); 
       } 
      }); 
     }); 
    }); 

のindex.php

<input type="checkbox" value="" name="value_r" id="value_r"/> 
<label for=""><?php echo $value_r?></label> 
    <style type="text/css"> 
     input[type=checkbox] + label{ 
    display: none; 
} 
input[type=checkbox]:checked + label{ 
    display: inline-block; 
} 
</style> 

Answer 1

あなたはここでエラーを取得しています。
変更

data: {id: <?php echo '$value_r'?>}, 

data: {id: '<?php echo $value_r ?>'}, 

によろしく！

Answer 2

$(document).ready(function() { 
    $("input[name=value_r]").click(function(){ 
     var value_r = $(this).val(); 
     $.ajax({ 
      type: "POST", 
      url: "includes/compare.php", // 
      data: {id: value_r}, 
      success: function(msg){ 
       alert(msg); 
      }, 
      error: function(){ 
       alert("failure"); 
      } 
     }); 
    }); 
});