checkbox 및 loading div의 Jquery 전달 값

Question

checkbox의 값을 확인하자마자 JQuery를 가져 와서 DIV를 숨기고 같은 DIV에서 .php를 다시로드해야합니다. 여기

은 ...

지금까지 난 그냥 체크 박스가 체크되어와 DIV 숨길 일단 스크립트가 행동에 도착,하지만 난 전달 된 체크 박스의 값을 취득 할수 없어하고 어느 쪽도 DIV는로드되지 코드 :

FORM :

echo "<input type='checkbox' class='regularCheckbox' name='color' value='".$colorBoxes[color_base1]."' /><font class='similarItemsText'> ".$colorBoxes[color_base1]."</font><br />"; 

JQUERY :

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    $(":checkbox").bind("click", function (event) { 
     if($(this).is(':checked')) 
      { 
      var color = $(".regularCheckbox").find(':checked').val(); 
      $(".itemMain").hide(); 
      $(".indexMain").load('indexMain.php?color='+color); 
      } 
}); 
}); 
</script> 

indexMain.p hp

$color = $_GET['color']; 
$items = mysql_query("SELECT * FROM item_descr WHERE color_base1 = '$color'"); 

제 의도는 내 콘텐츠에 대해 좋은 필터링을 만드는 것입니다.

감사합니다 !!!

Answer 1

그냥 this을 사용하십시오. 현재 코드는 .regularCheckbox에 체크 표시된 체크 박스를 찾습니다. .find()은 일치하는 집합에있는 자식 요소를 찾는 데 사용됩니다.

jQuery(document).ready(function($) { 
    $(":checkbox").bind("click", function(event) { 
     if ($(this).is(':checked')) { 
      var color = $(this).val(); 
      $(".itemMain").hide(); 
      $(".indexMain").load('indexMain.php?color=' + color); 
     } 
    }); 
});​ 

또한, 당신은 더 나은 것 이런 종류의 일을 위해 (이벤트를 무시하도록 값이 실제로 변경되지 않는 경우) jQuery .change 이벤트 핸들러를 사용하기 위해 제공 :

$("input:checkbox").change(function() { 
    // what to do when the value changes 
});