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