最も近いチェックボックスの値を見つける

Question

商品名の前に価格のある商品のリストがあります。チェックボックスがあります。私が欲しいのは、テーブルに価格が表示されなければならないというチェックボックスをチェックしたときです。

製品はMySQLのループによってフェッチされます。

これは、より良いビューのために私のコードです：

<? 
    $query = "SELECT upgrades.upgrade_name, upgrades.upgrade_id, upgrades.volgorde, upgrades.price 
      FROM upgrades 
      LEFT JOIN upgrades_to_products 
      ON upgrades.upgrade_id = upgrades_to_products.upgrade_id 
      WHERE upgrades_to_products.product_id = 20 
      AND status = 1 
      ORDER BY upgrades.volgorde"; 
    $sql = mysql_query("$query"); 
    while ($fill = mysql_fetch_array($sql)) { 
     $upgrade_id = $fill['upgrade_id']; 
     $upgrade_name = $fill['upgrade_name']; 
     $price = $fill['price']; 

     $name = str_replace(' ', '_', $upgrade_name); 
     $name = strtolower($name); 
     echo ' 
     <tr class="'.$class.'">       
      <td> 
       <input id="'.$name.'" name="'.$name.'" type="checkbox" value="'.$price.'" /> 
      </td> 
      <td> 
       <a href="http://www.informer.nl/modules/?ID='.$_GET['ID'].'&upgrade_id='.$upgrade_id.'" target="_blank">'.$upgrade_name.'</a> 
       <a href="http://www.informer.nl/modules/?ID='.$_GET['ID'].'&upgrade_id='.$upgrade_id.'" target="_blank"> 
        <img src="images/vraag.jpg" border="0" style="margin-left:5px;" /> 
       </a> 
      </td> 
      <td align="right">&euro; '.sprintf('%01.2f', $price).'</td>       
      <td align="right"><div class="module_value"></div></td>       
     </tr>'; 
    } 
?> 

あなたが最初<td></td>間のチェックボックスを見ることができます。だから、チェックボックスの1つをチェックすると、その値が<div class="module_value"></div>に表示される必要があります。

私はこのような何か試してみました：

$("input[type=checkbox]").click(function() { 
    var module_price = $("input[type=checkbox]").val(); 
    $(".module_value").text(module_price.toFixed(2)); 
}); 

それdidntの仕事ので、私は、誰かが私を助けることができると思いますが。

ありがとうございます！

Answer 1

アクセサーチェックボックスには:checkboxセレクターを使用でき、.change()はあなたの仕事に適しています。 .closest()とすると、親のtr要素が見つかることがあります。そこから.module_valueが見つかり、そのテキストを変更することができます。

$(':checkbox').change(function() { 
    var $this = $(this), 
     $tr = $this.closest('tr'); 
    $tr.find('.module_value').text(this.checked ? $this.val() : ''); 
}); 

アクションhereで確認できます。