使用jquery复选框中的多个复选框并加载到div

Question

我有一些复选框，我想允许多个选择，只有在每次选择后DIV才会加载内容。

这里是我的勾选框，其来源于一个PHP而：

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

这里是我当前的Jquery，只允许我1勾选框：

jQuery(document).ready(function($) { 
    $("input:checkbox").change(function() { 
     if($(this).is(':checked')) 
      { 
     $(".loadingItems").fadeIn(300); //fade in on change 
     var color = $(this).val(); 
      $(".indexMain").load('indexMain.php?color='+color,function(){ 
      $(".indexMain").fadeIn(slow); 

      }) 
      $(".loadingItems").fadeOut(300); //remove when load is complete 
     } 
     else 
      { 
$(".indexMain").load('indexMain.php'); 
      } 
     }); 
    }); 

Answer 1

你可以在你的情况下得到更好的服务使用delegate代替change：

$(document).delegate("input:checkbox", "change", function(evt) { //... });