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