使用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) { //... });