PHPからjavascriptにIDとして渡す変数

Question

編集者が印刷時にページからいくつかの要素（この場合はジョブ名）を非表示にすることができる小さなアプリケーションを構築しようとしています。

しかし、私はaddclassを正しく動作させることができません。何もしないか、すべてのチェックボックスにクラスを追加します。

私のチェックボックスに一意のIDを与えるために、私はPHPのIDとしてジョブ名を使用しています。これらはデータベースから来ます。 入力：

<input type='checkbox' id='".$row['name']"'/><div class='tohide ".$row['name']."'>".$row['name']."</div> 

Javascriptを：

var src = <?php echo json_encode($row['name']); ?>; 
    $('input#src').change(function(){ 
    if(this.checked){ 
     $('.tohide').addClass('bold noprint'); 
    }else{ 
     $('.tohide').removeClass('bold noprint'); 
    } 
    }) 

私は<?php echo json_encode($row['name']); ?>と<?php echo $row['name']; ?>はどんな結果が得られていないことに気づきました。私はPHP内で同じ$row['name']を使用して、チェックボックスに適切なIDを生成しています。

クライアント側コード：

<script type="text/javascript"> 
     var src = ""; 
     $('input#'+ src).change(function(){ 
     if(this.checked){ 
      $('.tohide').addClass('bold noprint'); 
     } 
     else { 
      $('.tohide').removeClass('bold noprint'); 
     } 
     }) 
    </script> 

json_encodeを使用して、私はこれは単なる文字列でヌル

Answer 1

をすべてchecboxesが変更理由の問題はこれです：

$('.tohide').removeClass('bold noprint'); 

あなたのすべてのチェックボックスが表現「.tohide」と一致します。

あなたは代わりに$('.tohide.'+this.id).removeClass('bold noprint')をします。

免責事項：有効なHTMLを提供していないため、HTML/JSの質問ですので、テストしません。 PHPの部分は無関係です。

Answer 2

の値を取得する実行します。変数名を補間するつもりはない

'input#src' 

文字列内では、文字通りの文字列です。

'input#' + src 

---

を私もこれは正しくない可能性があること疑わしい：

var src = <?php echo json_encode($row['name']); ?>; 

をあなたはが本当に実際のクライアント側になりますけれども、それを連結し、src変数を使用するには確認するコード。しかし、値が単なる文字列の場合は、json_encodeが必要であるとは思わないでしょう。しかし、あなたは間違いなく、文字列の周り引用符必要があるでしょう：

var src = '<?php echo $row['name']; ?>';